Τα προγράμματα περιήγησης που υποστηρίζουν πολλαπλά φόντα (WebKit από τις πρώτες μέρες, Firefox 3+) χρησιμοποιούν μια σύνταξη όπως αυτή:
#box ( background: url(icon.png.webp) top left no-repeat, url(texture.jpg.webp), url(top-edge.png.webp) top left repeat-y; )Είναι τιμές διαχωρισμένες με κόμμα και μπορεί να υπάρχουν όσες θέλετε με διαφορετικές τιμές URL, θέσης και επανάληψης. Μπορείτε ακόμη και να συνδυάσετε ντεγκραντέ WebKit στο μείγμα:
#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)); )Το παλιό σχολείο IE στο Mac θα εμφανίζει το πρώτο φόντο στη λίστα, αλλά άλλα προγράμματα περιήγησης που δεν το υποστηρίζουν αποτυγχάνουν σκληρά και απλά δεν εμφανίζουν φόντο. Αυτό το καθιστά δύσκολο για προοδευτική βελτίωση. Δηλαδή, αν δεν χρησιμοποιήσετε ένα εργαλείο όπως το Modernizr για να εντοπίσετε υποστήριξη για αυτό και να γράψετε έναν εναλλακτικό επιλογέα ο οποίος δηλώνει μόνο ένα φόντο για προγράμματα περιήγησης που δεν το υποστηρίζουν.