• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

html 来源:Afshin 11次浏览

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

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


===========解决方案如下:

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

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

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

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


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)