Stijl zIndex eigenschap

Definitie en gebruik

zIndex Eigenschap instellen of retourneren van de volgorde van het stacken van de geplaatste elementen.

Elementen met een grotere stackvolgorde (1) liggen altijd voor elementen met een lagere stackvolgorde (0).

Tip:De elementen die geplaatst zijn zijn position eigenschap ingesteld op:relative,absolute of fixed van de elementen.

Tip:Dit eigenschap is nuttig om overlappende elementen te creëren.

Zie ook:

CSS handleiding:CSS positioning

CSS referentiemanual:z-index eigenschap

Voorbeeld

Voorbeeld 1

Wijzigen van de volgorde van het stacken van het <img> element:

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

Probeer het zelf

Voorbeeld 2

Wijzigen van de z-index eigenschap van het <div> element:

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

Probeer het zelf

Voorbeeld 3

Retourneert de z-index eigenschap van het <img> element:

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

Probeer het zelf

Syntax

Retourneren van de zIndex eigenschap:

object.style.zIndex

Instellen van de zIndex eigenschap:

object.style.zIndex = "auto|number|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
auto De browser bepaalt de volgorde van het stacken van elementen (gebaseerd op de volgorde in het document). Standaard.
number Een integer dat de volgorde van het stacken van elementen definieert. Negatieve waarden zijn toegestaan.
initial Deze eigenschap instellen op de standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Retourwaarde: String die de volgorde van het stacken van elementen aangeeft.
CSS versie: CSS2

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support