Webbläsare som stöder flera bakgrunder (WebKit från de allra första dagarna, Firefox 3+) använder en syntax så här:
#box ( background: url(icon.png.webp) top left no-repeat, url(texture.jpg.webp), url(top-edge.png.webp) top left repeat-y; )De är kommaseparerade värden och det kan finnas så många du vill med olika webbadresser, positionering och upprepade värden. Du kan även kombinera WebKit-lutningar i mixen:
#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 skulle visa den första bakgrunden i listan, men andra webbläsare som inte stöder den misslyckas hårt och visar bara ingen bakgrund. Detta gör det till ett svårt fall för progressiv förbättring. Det vill säga om du inte använder ett verktyg som Modernizr för att upptäcka stöd för det och skriva en reservväljare som bara förklarar en bakgrund för webbläsare som inte stöder det.