Question

我的页面部分正在滚动背景图片。但是，为了支持不同的设备屏幕以获得相同质量的背景图像，我使用了css属性background-size:cover，这没关系。唯一的问题是谷歌Chrome在我使用此属性时滞后。删除此属性会使chrome返回其良好的性能。

我该怎么办？我在网上搜索了这个问题，我使用JQUERY得到了一些解决方案。但是，如果可能的话，我想用纯CSS来做。

Answer 1

使用大分辨率的图像时我遇到了同样的问题，我添加了元素：

-webkit-transform: translate3d(0,0,0);

在所有情况下，这不是最好的技巧，但它可以提高性能。它将使用GPU来处理渲染。

查看explanation和this one以获取更多信息。