Firefox对我的导航做了什么?

时间:2012-04-11 18:01:09

标签: css firefox

好吧,我完全被这一个难住了。 Firefox(FF 11 / OS X)在http://ntcc.johnmbjerke.com/上的导航栏底部呈现一条白线,但只要您将鼠标悬停在其中一个项目上或向下滚动页面然后返回,它就会消失。< / p>

我已经搞砸了每一个看似相关的项目而没有运气。有什么想法吗?

屏幕截图:http://d.pr/5gKE

1 个答案:

答案 0 :(得分:3)

这实际上不是白线,而是由于background-size属性导致的子像素渲染,因为其他属性已在上面的评论中正确识别。没有办法避免这种1px子像素渲染,因为它来自background-size属性以及渲染图像的方式。

最好的办法是在y轴上移动背景位置-1px。这意味着子像素渲染仍然会发生,但它会发生在底部,其中1px的白色对用户不可见。

只需将background-position: center center更改为background-position: center -1px

即可

以下是更改后的屏幕截图:http://d.pr/rOX9