Fallback dla css3 wielu obrazów tła?

Question

Mam 2 obrazów jako tło mojego ciała:

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

I okazało się, że w celu wykazania upper_bg.png powyżej bg.png obraz potrzebowałem, aby umieścić go na pierwszym miejscu listy. Jednak w przypadku przeglądarek, które nie obsługują wielu środowisk, chcę pokazać tylko bg.png, obawiam się, że przeglądarka przypada na upper_bg.png jako zastępstwo zamiast na bg.png. Jak mogę rozwiązać ten problem?

Answer 1

Wystarczy dodać deklarację background z zaledwie bg.png przed wielu środowisk należy zrobić:

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

Starsze przeglądarki zignoruje drugą linię i utrzymać pierwszą linię; nie powinni próbować używać żadnej części drugiej linii. Przeglądarki obsługujące wiele środowisk używają drugiej linii zamiast pierwszej, zastępując ją normalnie.