好吧，我完全被这一个难住了。 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