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

This topic created in 4325 days ago, the information mentioned may be changed or developed.

刚才在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下一样的吗？

Supplement 1 · Jul 18, 2014

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

Firefox

border

样式

6 replies • 2014-10-17 17:35:44 +08:00

davidyin

Jul 18, 2014

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

zichy

Jul 18, 2014

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

lll9p

Jul 18, 2014

win8.1 FF30，没问题

muzuiget

Jul 18, 2014

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

nekomimi

Jul 18, 2014

@davidyin
@zichy
@lll9p
@muzuiget

感谢帮助，问题解决了。

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

nekomimi

Oct 17, 2014

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

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