Browserele care acceptă mai multe fundaluri (WebKit încă din primele zile, Firefox 3+) folosesc o sintaxă ca aceasta:
#box ( background: url(icon.png.webp) top left no-repeat, url(texture.jpg.webp), url(top-edge.png.webp) top left repeat-y; )Acestea sunt valori separate prin virgulă și pot fi atâtea câte doriți cu valori URL diferite, poziționare și repetare. Puteți chiar combina gradienții WebKit în mix:
#box ( background: url(… /images/arrow.png.webp) 15px center no-repeat, -webkit-gradient(linear,left top,left bottom,color-stop(0, #010101),color-stop(1, #181818)); )Old School IE pe Mac ar afișa primul fundal din listă, dar alte browsere care nu îl acceptă eșuează greu și nu afișează niciun fundal. Acest lucru îl face un caz greu pentru îmbunătățirea progresivă. Adică, cu excepția cazului în care utilizați un instrument ca Modernizr pentru a detecta suportul pentru acesta și a scrie un selector alternativ care declară un singur fundal pentru browserele care nu îl acceptă.