Firefox 网页兼容性问题(CSS border 相关)

2014-07-18 00:56:02 +08:00
 nekomimi
刚才在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下一样的吗?
3482 次点击
所在节点    问与答
6 条回复
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就正常了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/123239

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX