Style zIndex Attribute

Paglalarawan at Paggamit

zIndex Ang katangian ay nagtatalaga o ibabalik ang pagkakasunod-sunod ng inilokasyon ng elemento.

Ang elemento na may mas malaking pagkakasunod-sunod (1) ay palaging nasa harap ng isa pang elemento na may mas mababang pagkakasunod-sunod (0).

Mga tagubilin:Ang elementong inilokasyon ay Katangian ng position I-set sa:relative,absolute o fixed ng mga elemento.

Mga tagubilin:Ang katangian na ito ay lubos na kapaki-pakinabang kapag inilalagay ang mga nakalagay na elemento.

Bilang karagdagan:

CSS Tutorial:CSS Pagtatalaga

CSS Reference Manual:Katangian ng zIndex

Halimbawa

Halimbawa 1

I-baguhin ang pagkakasunod-sunod ng halimbawa ng <img> elemento:

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

Subukan nang personal

Halimbawa 2

I-baguhin ang halimbawa ng z-index katangian ng <div> elemento:

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

Subukan nang personal

Halimbawa 3

I-halimbawa ang halimbawa ng z-index katangian ng <img> elemento:

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

Subukan nang personal

Grammar

I-halimbawa ang katangian ng zIndex:

object.style.zIndex

I-set ang katangian ng zIndex:

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

Halimbawa ng katangian

Halimbawa ng bunga Paglalarawan
auto Pinagpasiyahan ng browser ang pagkakasunod-sunod ng elemento (batay sa kanyang pagkakasunod sa dokumento). Default.
number Integer na naglalagay ng pagkakasunod-sunod ng elemento. Pinapayagan ang mga negatibong halaga.
initial I-set ang katangian sa kanyang default na halimbawa. Tingnan ang initial.
inherit Mumunuan ang katangian mula sa magulang na elemento. Tingnan ang inherit.

Detalye ng teknolohiya

Default na halimbawa: auto
Halimbawa ng bunga: String, ipinapakita ang pagkakasunod-sunod ng elemento.
CSS bersyon: CSS2

Suporta ng Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta