Anordnen von Elementen
Überlappen in CSS verschiedene Elemente (meist CSS Ebenen - Layer), kann mit Hilfe des Befehls z-index: xxx die Reihenfolge bzw. die Anordnung definiert werden. Hierbei werden für xxx ganze Zahlen verwendet, wobei das Element mit dem höchsten Wert oben liegt.Dies ist v.a. beim Arbeiten mit Ebenen (sog. Layer) sinnvoll und nützlich.
Beispiel - Anordnung von CSS Ebenen
<head>
[...]
#ebene1 {
position:absolute;
top:10px;
width:100px;
height:100px;
z-index:1;
}
#ebene2 {
position:absolute;
top:15px;
width:100px;
height:100px;
z-index:2;
}
[...]
</head>
<body>
[...]
<div id="ebene1">Ein Layer></div>
<div id="ebene2">Anderer Layer</div>
[...]
</body>
[...]
#ebene1 {
position:absolute;
top:10px;
width:100px;
height:100px;
z-index:1;
}
#ebene2 {
position:absolute;
top:15px;
width:100px;
height:100px;
z-index:2;
}
[...]
</head>
<body>
[...]
<div id="ebene1">Ein Layer></div>
<div id="ebene2">Anderer Layer</div>
[...]
</body>