Meerdere achtergronden in CSS is vrij makkelijk te regelen, gewoon een komma ertussen en klaar! Alle opties bij een enkele achtergrond kunnen ook bij meerdere achtergronden gebruikt worden. Dus color/image, repeat, attachment en position. Bijvoorbeeld:
div { background: url(afbeelding1.jpg) no-repeat 0px 0px, url(afbeelding2.jpg) no-repeat 100px 100px; }
Let wel op dat niet alle browsers dit ondersteunen!
- Firefox 3.6+
- Safari 1.0+
- Chrome 1.3+
- Opera 10.5+
- Internet Explorer 9+