css - 背景图片慢速滚动

标签 css

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

最佳答案

我可能来晚了一点,但我自己也遇到了类似的问题,在这里找到了问题的答案:

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/

关于css - 背景图片慢速滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11123488/

相关文章:

javascript - 当管理员单击菜单时,如何在管理仪表板的颜色区域中激活背景颜色,它会进入默认设置的背景颜色

html - svg animateMotion 偏离路径

javascript - 单击网页中的选项时如何从 "id"向下移动一些像素?

html - 为什么当将位置从固定位置更改为绝对位置时,div 元素的大小会发生变化?

html - 梯形截面,剪切背景图像

javascript - 在一定宽度时停止响应

javascript - 缩放时 css 中的圆形蒙版

html - Bootstrap 列搞砸了

javascript - 如何仅使用 div 的高度和宽度来查找内容长度?

css - 如何强制 Twitter Bootstrap .dl-horizo​​ntal DT 内容换行而不是截断?