Вопрос по css, google-chrome, cover, background-image – Низкая производительность Chrome при использовании background-size: cover

2

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

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

Вам не повезло, когда дело доходит до размера фона в Chrome.

Я видел, как люди делают это с помощью Javascript / jQuery. Видетьhttp://srobbin.com/jquery-plugins/jquery-backstretch/

Спасибо мужчина, я пытаюсь найти чистый путь CSS. Я буду использовать JQuery, если я не могу решить. goksel

Похожие вопросы