CSS z-indeks Eiendom
Voorbeeld
Stel die z-indeks vir 'n prent:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Definisie en gebruik
Die z-index
eienskap spesifiseer die stapelvolgorde van 'n element.
'n Element met 'n groter stapelorde is altyd voor 'n element met 'n laer stapelorde.
Let wel: z-index
werk net op geposisioneerde elemente (posisie: absoluut, posisie: relatief, posisie: vas, of posisie: taai) en buig items (elemente wat direkte kinders van
display:flex elemente is).
Let wel: As twee geposisioneerde elemente oorvleuel sonder 'n z-index
gespesifiseerde, sal die element wat laaste in die HTML-kode geplaas is bo-aan gewys word.
Standaard waarde: | outo |
---|---|
Geërf: | geen |
Animateerbaar: | ja. Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | voorwerp .style.zIndex="-1" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS-sintaksis
z-index: auto|number|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
auto | Sets the stack order equal to its parents. This is default | |
number | Sets the stack order of the element. Negative numbers are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS-tutoriaal: CSS-posisionering
HTML DOM verwysing:
zIndex eiendom