Откат для css3 нескольких фоновых изображений?

У меня есть 2 изображения в качестве фона моего тела:

Я узнал, что для того, чтобы показать upper_bg.png выше bg.png изображение, мне нужно было разместить его сначала в списке. Однако для браузеров, которые не поддерживают несколько фонов, я хотел бы показать только bg.png, я обеспокоен тем, что браузер падает до upper_bg.png как резерв, а не bg.png. Как я могу исправить эту проблему?

Ответы

Ответ 1

Просто добавив объявление background только с bg.png, прежде чем сделать несколько фонов:

background: url(../img/bg.png) repeat;
background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;

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