Question

我正在尝试使用css3实现一个自动调整大小的背景图像，这取决于屏幕的大小。我遇到了Chrome的一个问题，使得网站垂直滚动非常滞后。这不会发生在opera，firefox或IE上。我错过了我的css代码中的声明，还是Chrome的罪魁祸首？

 body { 
 background: #000 url(../images/bg.jpg) no-repeat center center fixed;  
 -webkit-background-size: cover;    
 -moz-background-size: cover;   
 -o-background-size: cover;  
 padding: 0; 
 margin: 0 }

Answer 1

我可能有点晚了，但我自己遇到了类似的问题，在这里找到了问题：

My fixed background made scrolling the site very slow, what can I do to improve it?

似乎背景大小的属性是导致问题的原因。当然删除它会引发某些浏览器的其他问题，但是使用这个Jquery插件可能会解决这个问题，但是我自己没有测试过它： http://srobbin.com/jquery-plugins/backstretch/

Answer 2

可能一切都在mac os中呈现。 Mac OS在Windows中使用opengl而不是Direct3d。尝试在chrome中禁用\ enable硬件加速并检查其工作原理

背景图像慢滚动

2 个答案: