Низкая производительность Chrome при использовании background-size: cover - PullRequest
Новая
       30

Низкая производительность Chrome при использовании background-size: cover

2 голосов
/ 24 октября 2011

Мне нужно закрыть фон на моем сайте, и я всегда вижу лаги / слизни при наведении мыши или любом другом действии.У вас есть идеи, как решить эту проблему?У меня есть рабочий пример (если я еще не обновил код): 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%;
}

1 Ответ

10 голосов
/ 24 октября 2011

Похоже, что webkit не кэширует измененное изображение и каждый раз отображает его, вызывая задержку.

Вам не повезло, когда дело доходит до размера фона в chrome.* Я видел, как люди делают это с помощью Javascript / jQuery.Смотри http://srobbin.com/jquery-plugins/jquery-backstretch/

...