好吧，我完全被这个难住了。Firefox (FF 11/OS X) 在http://ntcc.johnmbjerke.com/上的导航底部呈现一条白线，但只要您将鼠标悬停在其中一个项目上或向下滚动页面，它就会消失回来。
我已经搞砸了每一个看似相关的项目，但没有运气。有任何想法吗？
截图在这里：http ://d.pr/5gKE
问问题
159 次
1 回答
3
这实际上不是一条白线，而是由于background-size其他人在上面的评论中正确识别的属性而导致的亚像素渲染。没有办法避免这种 1px 子像素渲染，因为它来自 background-size 属性以及它是如何渲染图像的。
你最好的选择是在 y 轴上移动背景位置 -1px。这意味着亚像素渲染仍然会发生，但它会发生在用户看不到 1px 白色的底部。
只需将您的更改background-position: center center为background-position: center -1px
这是更改后的屏幕截图：http: //d.pr/rOX9
于 2012-04-13T14:02:04.543 回答