1

我正在尝试使用 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 }
4

2 回答 2

0

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

我的固定背景使网站滚动很慢，我可以做些什么来改善它？

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

于 2014-02-24T18:02:51.823 回答
-1

可能这一切都取决于在 mac os 中的渲染。Mac os 在 windows 中使用 opengl 而不是 Direct3d。尝试在 chrome 中禁用\启用硬件加速并检查它是如何工作的

于 2012-06-20T17:34:23.933 回答