我一整天都把头发拉出来，我希望比我更聪明的人能搞清楚。
我正在为我的网站开发一个新设计，而且我遇到了似乎是Firefox的错误。我正在使用背景附件：固定为<body>元素上的渐变，然后我有一个全宽<div>，页面顶部有另一个背景图像。仅在Firefox中，页面顶部和<div>背景两侧都有一个小的白色边框。
我尝试过至少六种不同的编码HTML和CSS的方法，它们都产生相同的结果。此外，早期版本的Firefox中似乎没有白色间隙（我在版本6中注意到了它）。我甚至没有任何插件就干净地重新安装了Firefox，我仍然看到它。关于是什么导致这个的任何想法？我的代码在某种程度上是错误的吗？
请参阅此处的简化测试用例：http://mygemologist.com/bg-fixed-test.html
注意：此问题可能与：Crazy CSS Issue in Firefox Only - position fixed and background color有关，但我不确定。
答案 0 :(得分：2)
Dominic，请参阅https://bugzilla.mozilla.org/show_bug.cgi?id=677095了解此问题，并https://bugzilla.mozilla.org/show_bug.cgi?id=677095#c47了解可能的解决方法。
答案 1 :(得分：0)
也许使用较小宽度的图像？似乎firefox有渲染它的问题，当它从正确显示变为在其上方有1-2px白色边框时。
修改
当我将body css更改为background-position时：滚动问题似乎消失了
body {
background: url("http://www.mygemologist.com/resources/bg-gradient.jpg") repeat-x scroll left top transparent;
}