Style zIndex ominaisuus

Määrittely ja käyttö

zIndex Asettaa tai palauttaa paikallistetun elementin kerrostusjärjestyksen.

joka on suurempi kerrostusjärjestykseltään (1) kuin toinen elementti, jossa on pienempi kerrostusjärjestykseltään (0), sijaitsee aina ennen toista elementtiä.

Vinkki:Paikallistettu elementti on position-ominaisuus Asetetaan:relative,absolute tai fixed elementtiä.

Vinkki:Tämä ominaisuus on hyödyllinen, jos haluat luoda päällekkäisiä elementtejä.

Lisäksi:

CSS opetusohjelmaCSS-locating

CSS viittauskirjaz-index-ominaisuus

Esimerkki

Esimerkki 1

Muuta <img>-elementin kerrostusjärjestystä:

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

Kokeile itse

Esimerkki 2

Muuta <div>-elementin z-index-ominaisuuden arvoa:

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

Kokeile itse

Esimerkki 3

Palauttaa <img>-elementin z-index-ominaisuuden arvon:

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

Kokeile itse

Syntaksi

Palauta zIndex-ominaisuus:

object.style.zIndex

Aseta zIndex-ominaisuus:

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

Ominaisuuden arvo

Arvo Kuvaus
auto Selausohjelma määrittää elementin kerrostusjärjestyksen (perustuen sen sijaintiin dokumentissa). Oletus.
number Määrittää elementin kerrostusjärjestyksen kokonaisluku. Sallii negatiiviset arvot.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Palautusarvo: merkkijono, joka ilmaisee elementin kerrostusjärjestyksen.
CSS versio CSS2

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki