背景附件：固定;在Firefox 3.x中向下滚动速度变慢

Question

body{
  background-image: URL("someimage.jpg");
  background-position: fixed;
}

这使得Firefox中的滚动速度非常慢。有没有办法实现具有“固定”附件的大型居中背景图像，在Firefox中滚动工作以及附件设置为“滚动”。

感谢任何CSS / JS帮助！

Answer 1

请尝试background-attachment: fixed;。

Answer 2

您是否尝试使用较小分辨率的背景图像？这可能会有所不同，因为在我看来，你使用的是有效且好的方法。

Answer 3

你错过了一个“background-position：”声明。这可能会减慢渲染过程。

Answer 4

这个firefox行为的最佳解决方法实际上是使用一个小技巧：

1. 将假设的背景图像定位为内容层上方图层中的img元素
2. 使用css将上面的内容和两个图层精确定位在顶部0，左边0，窗口的左上角
3. 利用jquery将img调整为窗口宽度和高度
4. 使用高度100％的内容和溢出：滚动

现在使用css将两个图层绝对定位在顶部：0和左：0并使用z-index将内容图层定位在背景图像图层上方。通过使用jQuery，您可以在加载（.ready）和窗口大小调整（$（window）.resize）时调整背景图像的大小以适应实际的屏幕分辨率。内容层获得滚动溢出，然后你去。这种解决方法实际上修复了firefox 3.x上的任何性能问题，但需要使用jQuery。