Nettlesere som støtter flere bakgrunner (WebKit fra de aller første dager, Firefox 3+) bruker en syntaks som dette:
#box ( background: url(icon.png.webp) top left no-repeat, url(texture.jpg.webp), url(top-edge.png.webp) top left repeat-y; )De er kommaseparerte verdier, og det kan være så mange du vil med forskjellige URL-er, posisjons- og repetisjonsverdier. Du kan til og med kombinere WebKit-gradienter i blandingen:
#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 på Mac ville vise den første bakgrunnen i listen, men andre nettlesere som ikke støtter den, mislykkes hardt og viser bare ingen bakgrunn. Dette gjør det til et vanskelig tilfelle for progressiv forbedring. Det vil si, med mindre du bruker et verktøy som Modernizr for å oppdage støtte for det og skrive en reservevelger som bare erklærer en bakgrunn for nettlesere som ikke støtter det.