Chrome浏览器在使用CSS背景大小时比较滞后：在滚动背景图片中覆盖

我有一个背景图片在我的页面部分正在滚动。然而，为了支持不同的设备屏幕以获得相同质量的背景图像，我使用了css属性background-size:cover，这没问题。 Chrome浏览器遇到的唯一问题是使用此属性时存在滞后现象。删除此属性会返回该Chrome的良好性能。Chrome浏览器在使用CSS背景大小时比较滞后：在滚动背景图片中覆盖

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

来源

2015-10-20 Afshin

显示代码，或者您的问题最有可能关闭。 – Frondor

如果您不明白问题，那并不意味着问题必须关闭。这不是要显示的东西。这是一个浏览器BUG。但是，如果你想看看发生了什么，你可以看看这个网站：http://mitenadesign.com/en/谷歌浏览器的最初背景 – Afshin

我们不是在讨论Chrome浏览器的bug。我们正在谈论一个需要诀窍或需要解决的问题。 – Afshin

我使用大分辨率的多张图像时，有同样的问题，我加入的元素：

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

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

检查此explanation和this one欲知更多信息。

来源

2016-03-11 16:46:29 xpander001

Chrome浏览器在使用CSS背景大小时比较滞后：在滚动背景图片中覆盖

回答

相关问题