Styl zIndex Eiendom
Voorbeeld
Verander die stapelvolgorde van 'n <img>-element:
document.getElementById("img1").style.zIndex = "1";
Definisie en gebruik
Die zIndex-eienskap stel of gee die stapelvolgorde van 'n geposisioneerde element terug.
'n Element met 'n groter stapelorde (1) is altyd voor 'n ander element met 'n laer stapelorde (0).
Wenk: 'n Geposisioneerde element is 'n element met die posisie-eienskap ingestel op: relatief, absoluut of vas.
Wenk: Hierdie eienskap is nuttig as jy oorvleuelende elemente wil skep.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die zIndex-eienskap terug:
object.style.zIndex
Stel die zIndex-eienskap:
object.style.zIndex = "auto|number|initial|inherit"
Eiendomswaardes
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 |
Tegniese besonderhede
Standaard waarde: | outo |
---|---|
Terugkeerwaarde: | 'n String, wat die stapelvolgorde van 'n element voorstel |
CSS weergawe | CSS2 |
Meer voorbeelde
Voorbeeld
Verander die z-indeks eienskapwaarde van 'n <div> element:
document.getElementById("myDIV").style.zIndex = "-1";
Voorbeeld
Gee die z-indeks eienskapwaarde van 'n <img> element terug:
alert(document.getElementById("img1").style.zIndex);
Verwante bladsye
CSS-tutoriaal: CSS-posisionering
CSS verwysing: z-indeks eiendom
❮ Stylvoorwerp