使用背景大小的Chrome表现不佳:封面

Question

我需要在我的网站上覆盖背景,我总是看到鼠标悬停或任何其他动作的滞后/ slu .. 你知道如何解决这个问题吗？我在这里有一个工作示例(如果我还没有更新代码):http://natgeo.geryit.com

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

Answer 1

似乎webkit不会缓存已调整大小的图像并每次渲染它,从而导致延迟.

对于chrome中的背景大小,你运气不好.

我见过人们用Javascript/jQuery做到这一点.见http://srobbin.com/jquery-plugins/jquery-backstretch/