Работает ли Firefox / Opera с расположенными / несколькими фоновыми изображениями?

Question

Возникают проблемы с отображением определенных фоновых изображений в Firefox / Opera, все другие браузеры играют в мяч (кроме, очевидно, IE, из-за которого мне пришлось идти на компромисс).

В настоящее время Opera не позволяет использовать несколько фоновых изображений, например:

background-image: url('/images/h2_default_bg.png'), url('/images/dashed_bg_default.gif');
background-repeat: no-repeat, repeat-x;
background-position: top left, bottom left;

Также и Firefox, и Opera оба неудобны, когда фоновое изображение располагается в пикселях:

background: url('/assets/images/dashed_bg.gif') bottom 2px repeat-x;

Есть ли какие-нибудь простые обходные пути для любой из этих проблем?

Answer 1

Поддерживаются несколько фонов, начиная с Firefox 3.6 и Opera 10.5 . Это те версии, в которых вы тестируете? Chrome и Safari уже поддерживают их, что, как я полагаю, вы подразумеваете под «всеми другими браузерами ... кроме, очевидно, IE»

Что касается вашей второй проблемы, спецификация говорит это о синтаксисе background-position :

Если даны два значения и хотя бы одно значение не является ключевым словом, то первое значение представляет горизонтальную позицию (или смещение), а второе представляет вертикальную позицию (или смещение).

Итак, вы дали их в неправильном порядке. Сделайте вместо этого 2px bottom.

Answer 2

В настоящее время Opera не позволяет использовать несколько фоновых изображений, например:

Несколько таких фоновых изображений невозможно в CSS2 / 2.1, которые на данный момент мы все еще должны соблюдать .

См. Эту страницу причудливого режима, на которой браузеры в настоящее время поддерживают несколько фонов .

Что касается других настроек, фоновое положение определенно работает во всех браузерах, я не знаю о каких-либо несовместимостях там. Что именно происходит в Firefox и Opera?

Answer 3

Как вы узнали, несколько фонов работает во всех современных браузерах. Он работает в Opera с версии 10.5. Нет информации о том, будет ли IE9 иметь его, и будет ли когда-либо его поддерживать IE.