Firefox/Opera обрабатывает расположенные/несколько фоновые изображения?
Имея проблемы, заставляющие определенные фоновые изображения отображаться в 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;
Есть ли какие-либо простые обходные решения для любой из этих проблем?
3 ответа
Несколько фонов поддерживаются только начиная с Firefox 3.6 и Opera 10.5 . Это те версии, в которых вы тестируете? Chrome и Safari уже поддерживают их, что, я полагаю, вы имеете в виду со «всеми другими браузерами ... кроме, очевидно, IE»
Что касается вашей второй проблемы, в спецификации говорится о background-position синтаксис :
Если даны два значения и хотя бы одно значение не является ключевым словом, то первое значение представляет горизонтальное положение (или смещение), а второе - вертикальное положение (или смещение).
Значит, вы дали их в неправильном порядке. Вместо этого сделайте 2px внизу .
В настоящее время Opera не допускает использование нескольких фоновых изображений, например:
Использование нескольких фоновых изображений, подобных этому, невозможно в CSS2 / 2.1, что на данный момент все еще должны придерживаться .
См. Эту страницу quirksmode, на которой браузеры в настоящее время поддерживают несколько фонов .
Что касается других настроек, положение фона определенно работает во всех браузерах, я не знаю о каких-либо несовместимостях. Что именно происходит в Firefox и Opera?
Как вы узнали, несколько фонов работают во всех современных браузерах. Он работает в Opera начиная с версии 10.5. Нет информации о том, будет ли он у IE9 и будет ли / когда IE когда-либо поддерживать его.