使用 background-size:cover 的 Chrome 性能不佳

【问题标题】：Poor performance of Chrome using background-size: cover使用 background-size:cover 的 Chrome 性能不佳
【发布时间】：2011-12-13 17:19:06
【问题描述】：

我需要在我的网站中覆盖背景，并且我总是在鼠标悬停或任何其他操作时看到滞后/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%;
}

【问题讨论】：

标签： google-chrome background-image css cover

【解决方案1】：

似乎 webkit 没有缓存调整大小的图像并每次都渲染它，导致延迟。

当谈到 chrome 中的背景大小时，你很不走运。

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

【讨论】：

谢谢伙计，我正试图找到一种纯 css 方式。如果我不能解决，我会使用 jquery。
看来chrome到现在还有这个问题。它在 Firefox 上运行良好...