Mit CSS 3 können mehrere Hintergrundbilder definiert und positioniert werden.
Die Bilder werden in "Layer" übereinander angelegt, das erstgenannte ist das vorderste. Jedes Bild kann eigene Angaben zu Position und Kachelung (repeat) erhalten. Ein Bild ohne Angaben füllt das Browserfenster und verdeckt alle nachher genannten Bilder.
Die Mitte wird durch ein schwarzes Quadrat markiert.
body{
background: url("bgimage1.jpg") center center fixed no-repeat, url("bgimage2.jpg") center center fixed no-repeat, url("bgimage3.jpg") center center fixed no-repeat;
}