Browsere, der understøtter flere baggrunde (WebKit fra de meget tidlige dage, Firefox 3+) bruger en syntaks som denne:
#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 kommaseparerede værdier, og der kan være så mange, som du vil, med forskellige URL'er, positionering og gentagne værdier. Du kan endda 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 baggrund på listen, men andre browsere, der ikke understøtter det, fejler hårdt og viser bare ingen baggrund. Dette gør det til en hård sag for progressiv forbedring. Det vil sige, medmindre du bruger et værktøj som Modernizr til at opdage understøttelse af det og skrive en reservevælger, der kun erklærer en baggrund for browsere, der ikke understøtter det.