Stijl zIndex Eigenschap
Voorbeeld
Verander de stapelvolgorde van een <img> element:
document.getElementById("img1").style.zIndex = "1";
Definitie en gebruik
De eigenschap zIndex bepaalt of retourneert de stapelvolgorde van een gepositioneerd element.
Een element met een grotere stapelvolgorde (1) staat altijd voor een ander element met een lagere stapelvolgorde (0).
Tip: Een gepositioneerd element is een element waarvan de position-eigenschap is ingesteld op: relatief, absoluut of vast.
Tip: Deze eigenschap is handig als u overlappende elementen wilt maken.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap zIndex:
object.style.zIndex
Stel de eigenschap zIndex in:
object.style.zIndex = "auto|number|initial|inherit"
Eigendomswaarden
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
Standaardwaarde: | auto |
---|---|
Winstwaarde: | Een String, die de stapelvolgorde van een element vertegenwoordigt |
CSS-versie | CSS2 |
Meer voorbeelden
Voorbeeld
Wijzig de z-index eigenschapswaarde van een <div> element:
document.getElementById("myDIV").style.zIndex = "-1";
Voorbeeld
Retourneer de z-index eigenschapswaarde van een <img> element:
alert(document.getElementById("img1").style.zIndex);
Gerelateerde pagina's
CSS-zelfstudie: CSS-positionering
CSS-referentie: z-index eigenschap
❮ Stijlobject