Style zIndex- Eigenschaft
Beispiel
Ändern Sie die Stapelreihenfolge eines <img>-Elements:
document.getElementById("img1").style.zIndex = "1";
Definition und Verwendung
Die Eigenschaft zIndex legt die Stapelreihenfolge eines positionierten Elements fest oder gibt sie zurück.
Ein Element mit größerer Stapelreihenfolge (1) liegt immer vor einem anderen Element mit niedrigerer Stapelreihenfolge (0).
Tipp: Ein positioniertes Element ist ein Element, dessen Positionseigenschaft auf relativ, absolut oder fest eingestellt ist.
Tipp: Diese Eigenschaft ist nützlich, wenn Sie überlappende Elemente erstellen möchten.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die zIndex-Eigenschaft zurück:
object.style.zIndex
Legen Sie die zIndex-Eigenschaft fest:
object.style.zIndex = "auto|number|initial|inherit"
Eigenschaftswerte
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technische Details
Standardwert: | Auto |
---|---|
Rückgabewert: | Ein String, der die Stapelreihenfolge eines Elements darstellt |
CSS-Version | CSS2 |
Mehr Beispiele
Beispiel
Ändern Sie den Z-Index-Eigenschaftswert eines <div>-Elements:
document.getElementById("myDIV").style.zIndex = "-1";
Beispiel
Gibt den Z-Index-Eigenschaftswert eines <img>-Elements zurück:
alert(document.getElementById("img1").style.zIndex);
Verwandte Seiten
CSS-Tutorial: CSS-Positionierung
CSS-Referenz: Eigenschaft z-index
❮ Style-Objekt