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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

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

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

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

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

以上是 Chrome浏览器在使用CSS背景大小时比较滞后：在滚动背景图片中覆盖 的全部内容， 来源链接： utcz.com/qa/260661.html

回到顶部