Browsers die meerdere achtergronden ondersteunen (WebKit vanaf het allereerste begin, Firefox 3+) gebruiken een syntaxis als deze:
#box ( background: url(icon.png.webp) top left no-repeat, url(texture.jpg.webp), url(top-edge.png.webp) top left repeat-y; )Het zijn door komma's gescheiden waarden en er kunnen er zoveel zijn als u wilt met verschillende URL's, positionering en herhalingswaarden. U kunt zelfs WebKit-verlopen in de mix combineren:
#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 op de Mac zou de eerste achtergrond in de lijst weergeven, maar andere browsers die dit niet ondersteunen, falen moeilijk en geven gewoon geen achtergrond weer. Dit maakt het een moeilijke zaak voor progressieve verbetering. Dat wil zeggen, tenzij u een tool als Modernizr gebruikt om ondersteuning ervoor te detecteren en een fallback selector te schrijven die slechts één achtergrond declareert voor browsers die dit niet ondersteunen.