CSS-размер фона: обложка становится размытой и тусклой в Chrome ⇐ CSS

[Anonymous]

У меня чаще возникало ощущение, что изображения, установленные как background-size:cover (в div), не выглядят резкими и четкими в Google Chrome.

Вот CSS, который я использую.

Код: Выделить всё

.slide {
width:1280px;
height:400px;
background-image:url(background.jpg);
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
background-position:center center;
background-repeat:no-repeat;
}

Посмотрите реальный пример здесь: http://www.clothplus.com/test/

Просто сравните ссылка выше в Chrome и IE. В моем случае в Chrome изображение выглядит размытым и тусклым, а в IE — резким и четким. (внимательно посмотрите на листья или верхнюю часть панели или переключитесь между окнами Chrome и IE, чтобы увидеть разницу).

Кто-нибудь тоже заметил это? Есть ли решение для этой проблемы?

Подробнее здесь: https://stackoverflow.com/questions/351 ... -in-chrome