好吧,我完全被这一个难住了。 Firefox(FF 11 / OS X)在http://ntcc.johnmbjerke.com/上的导航栏底部呈现一条白线,但只要您将鼠标悬停在其中一个项目上或向下滚动页面然后返回,它就会消失。< / p>
我已经搞砸了每一个看似相关的项目而没有运气。有什么想法吗?
屏幕截图:http://d.pr/5gKE
答案 0 :(得分:3)
这实际上不是白线,而是由于background-size
属性导致的子像素渲染,因为其他属性已在上面的评论中正确识别。没有办法避免这种1px子像素渲染,因为它来自background-size属性以及渲染图像的方式。
最好的办法是在y轴上移动背景位置-1px。这意味着子像素渲染仍然会发生,但它会发生在底部,其中1px的白色对用户不可见。
只需将background-position: center center
更改为background-position: center -1px
以下是更改后的屏幕截图:http://d.pr/rOX9