css - 背景图片慢速滚动

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?

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