google-chrome - 使用背景大小 : cover 的 Chrome 性能不佳

Question

我需要在我的网站中覆盖背景，并且我总是在鼠标悬停或任何其他操作时看到lags/slugs。你知道如何解决这个问题吗？我这里有一个工作示例(如果我还没有更新代码):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/