Startseite | Gästebuch | Kontakt

 
xx HTML-Einführung | xx CSS-Einführung | xx JavaScript-Einführung
 

11.5. Überlagerung von Elementen

Positionierte Bereiche werden in der Reihenfolge dargestellt, wie sie im Quelltext der Seite definiert sind. Mit der CSS-Angabe z-index wird die Reihenfolge von positionierten Bereichen, die sich überlagern, bestimmt. Je höher die Zahl, desto weiter vorn (oben) ist das Element. Je niedriger der Wert, desto weiter hinten (unten) liegt das Element.

.box1 {
   position: absolute;
   width: 500;
   height: 400;
   top: 50;
   left: 100;
   z-index: 1; }

.box2 {
   position: absolute;
   width: 300;
   height: 200;
   top: 120;
   left: 200;
   z-index: 2; }


» zurück «» Seitenanfang «» weiter «