CSS z-indexEigenschaft
Beispiel
Legen Sie den z-index des Bildes fest:
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
Selbst ausprobieren »
Eigenschaftsdefinition und Verwendungshinweise
Die z-index-Eigenschaft legt die Stapelreihenfolge eines Elements fest.
Ein Element mit einer höheren Stapelreihenfolge steht immer vor einem Element mit einer niedrigeren Stapelreihenfolge.
Hinweis:z-index funktioniert nur bei positionierten Elementen (position:absolute, position:relative oder position:fixed).
| Standardwert: | auto |
|---|---|
| Vererbt: | nein |
| Version: | CSS2 |
| JavaScript-Syntax: | object.style.zIndex="1" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| auto | Standard. Die Stapelreihenfolge entspricht der des übergeordneten Elements. |
| number | Legt die Stapelreihenfolge des Elements fest. |
| inherit | Gibt an, dass der Wert der Eigenschaft z-index vom übergeordneten Element geerbt werden soll. |
Ähnliche Artikel
CSS-Tutorial:CSS-Positionierung
Weitere Erweiterungen