Frohe Weihnachten
und Prosit €uro !
Frohe Weihnachten
und Prosit €uro !

CSS-Layer
Das kommt in den Bodybereich

<div id="Layer1" style="position:absolute; width:110px; height:34px; z-index:1; left: 203px; top: 43px; font-size: 12px; color: #ff0000">Frohe Weihnachten<br>und Prosit &euro;uro !</div>
<div id="Layer2" style="position:absolute; width:54px; height:72px; z-index:1; left: 322px; top: 44px"><img src="../images/chrismas3.gif" width="49" height="66"></div>
<div id="Layer3" style="position:absolute; width:84px; height:96px; z-index:1; left: 391px; top: 42px"><img src="../images/chrismas1.gif" width="84" height="96"></div>
Anders als bei Tabellen
können Layer auch überlappen:
<div id="Layer4" style="position:absolute; width:96px; height:46px; z-index:1; left: 378px; top: 331px; font-size: 12px; color: #ff0000; background-color: #f2f2f2">Frohe Weihnachten<br>und Prosit &euro;uro !</div>
<div id="Layer5" style="position:absolute; width:54px; height:72px; z-index:2; left: 381px; top: 353px"><img src="../images/chrismas3.gif" width="49" height="66"></div>
<div id="Layer6" style="position:absolute; width:84px; height:96px; z-index:3; left: 326px; top: 336px"><img src="../images/chrismas1.gif" width="84" height="96"></div>