Firefox 网页兼容性问题（CSS border 相关）

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3773 天前的主题，其中的信息可能已经有所发展或是发生改变。

刚才在Firefox下使用google搜索时发现，网页内的倒三角（具体请见下图）全变成了方块，而Chrome，IE下却不会。

见图：
http://snag.gy/didIN.jpg

测试链接：
https://www.google.com/#newwindow=1&q=test&safe=off

按了F12看了下源代码发现如果把.mn-dwn-arw内的样式改成border-style: inset;的话，Firefox就能正常显示了，但是倒三角的颜色不太对，直接改color不行。有办法能把这里的样式改成和chrome下一样的吗？

第 1 条附言 · 2014-07-18 22:44:42 +08:00

问题解决！是硬件加速的问题，关闭就好了。

Firefox

border

样式

6 条回复 • 2014-10-17 17:35:44 +08:00

davidyin

2014-07-18 02:50:34 +08:00

你的firefox有什么特别的地方么？
Win7，FF 30.0 显示正常

zichy

2014-07-18 08:09:30 +08:00

显示的确实是倒三角，没有问题

lll9p

2014-07-18 08:31:47 +08:00

win8.1 FF30，没问题

muzuiget

2014-07-18 10:48:06 +08:00

我也没问题，开个新 profile 来测试下咯。

nekomimi

2014-07-18 22:43:23 +08:00

@davidyin
@zichy
@lll9p
@muzuiget

感谢帮助，问题解决了。

系统是win7x64，FF版本是30.0，重建了配置文件还是不行。在虚拟机里面装了个FF，试了下居然是正常的，这就奇怪了，不过这样就可以排除不是扩展导致的，估计是和别的程序冲突了？折腾了半天最后发现居然是硬件加速的问题，把选项里面的“自动启用硬件加速”关闭就好了。看来这和我的显卡还有关系？总之是一个神奇的bug。

nekomimi

2014-10-17 17:35:44 +08:00

这么久终于找到问题原因了，居然是显卡驱动的问题。
我使用的显卡是N卡，GTX460，显卡驱动版本是314.22，win7(x64)系统。
在我的机器上，Firefox开了硬件加速的情况下，如果在NVIDIA控制面板 > 3D设置 > 通过预览调整图像设置 > 右侧内选择"使用我的优先选择，侧重于"，”质量“的话，就会出现主贴内的问题。

解决方案：
在NVIDIA控制面板 > 3D设置 > 通过预览调整图像设置 > 右侧内选择"由3D应用程序决定"，重启Firefox就正常了。