Style zIndex Property

Ändern Sie den Stapel um ein <img> Element:

document.getElementById("img1").style.zIndex = "1";

Definition und Verwendung

Die zIndex Eigenschaftssätze oder gibt den Auftrag eines Stapels positionierten Elements.

Ein Element mit einem größeren Stapelordnung (1) ist stets vor einem anderen Elemente mit niedriger Stapelordnung (0) .

Tip: Ein positioniertes Element ist ein Element mit der Position - Eigenschaft auf: relativ, absolut oder fixiert.

Tip: Diese Eigenschaft ist nützlich , wenn Sie überlappende Elemente erstellen möchten.

Die zIndex Eigenschaft wird in allen gängigen Browsern unterstützt.

Bringen Sie die zIndex Eigenschaft:

object .style.zIndex

Stellen Sie die zIndex Eigenschaft:

object .style.zIndex="auto| Eigenschaftswerte

Wert	Beschreibung
auto	Der Browser bestimmt die Stapelreihenfolge des Elements (auf der Grundlage ihrer Reihenfolge in dem Dokument). Dies ist die Standardeinstellung
number	Eine ganze Zahl, die die Stapelreihenfolge des Elements definiert. Negative Werte sind erlaubt
initial	Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang
inherit	Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben

Standardwert:	Auto
Rückgabewert:	Ein String, die die Stapelordnung eines Elements
CSS Version	CSS2

Ändern Sie den z-index Eigenschaft Wert eines <div> Element:

document.getElementById("myDIV").style.zIndex = "-1";

Gibt die z-index Eigenschaft Wert eines <img> Element:

alert(document.getElementById("img1").style.zIndex);