Баг свойства background в Opera Mobile

Наткнулся на небольшой баг свойства background в браузере Opera Mobile, заключающийся в том, что если задано фоновое изображение, то сопутствующее указание на однотонную заливку не работает. Не планировал уделять этому особого внимания, но даже после выхода обновления браузера, проблема не решилась.

body {
    background: #ccc url(bg-image.png) 0 0 repeat-x;
}

Как можно заметить, фоновое изображение заполняет страницу только по горизонтали. При этом ожидается, что вся страница также будет заполнена серым цветом (#ccc), но этого не произойдет.




До конца не могу быть уверен в том, что виновата только Opera Mobile, так как на одном устройстве удалось решить проблему использованием развернутого списка свойств, отвечающих за фон.
Помогло:

body {
    background-image: url(bg-image.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-color: #ccc;
}

На другом android устройств данный метод не дал ожидаемого эффекта, что заставило найти еще одно решение, как оказалось универсальное и более простое. Достаточно добавить !important к значению свойства:

body {
    background: #ccc url(bg-image.png) 0 0 repeat-x !important;
}

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *