使用背景大小Chrome的性能差：覆盖

我需要覆盖我的网站的背景，我总是看到滞后/ slu 012在鼠标悬停或任何其他行动。你有什么想法如何解决这个问题？我有一个工作的例子在这里（如果我没有尚未更新的代码）：http://natgeo.geryit.com 使用背景大小Chrome的性能差：覆盖

ul#posters li { 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    float: left; 
    height: 170px; 
    position: relative; 
    width: 25%; 
}

来源

2011-10-23 goksel

看来WebKit的不缓存调整后的图像，每次渲染，造成滞后。

当谈到Chrome浏览器的背景大小时，你倒霉了。

我见过人们用Javascript/jQuery来做。见http://srobbin.com/jquery-plugins/jquery-backstretch/

来源

2011-10-23 20:53:33

谢谢你，我试图找到一个纯CSS的方式。如果我无法解决，我会使用jquery。 – goksel

使用背景大小Chrome的性能差：覆盖

回答

相关问题