Multiple Background Images

Die Hintergrundbilder werden kommagetrennt nacheinender angeortnet. Die Reihenfolge der aufgeführten Hintergrundbilder definiert die Überlagerung der Bilder. An erster Stelle liegt das zuerst genannte Bild, die folgenden Bilder liegen eine Ebene tiefer.

.multi-bgs {
 background:url(dots/1.png) no-repeat left top,
 url(dots/2.png) no-repeat fixed left bottom,
 url(dots/3.png) no-repeat fixed center center,
 url(dots/4.png) no-repeat right top,
 url(dots/5.png) no-repeat fixed right bottom;
 background-color: indigo;
 }

---

Auf CodePen testen.

---