Ultimele tutoriale de dezvoltare web
 

Style zIndex Property

<Style Object

Exemplu

Modificarea ordinii stiva de <img> Element:

document.getElementById("img1").style.zIndex = "1";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate zindex sau returnează ordinea stiva unui element poziționat.

Un element cu comandă stack mai mare (1) este întotdeauna în fața unui alt element cu comandă stack inferior (0) .

Tip: Un element poziționat este un element cu poziția setului proprietate: relative, absolute sau fixe.

Tip: Această proprietate este utilă dacă doriți să creați elemente suprapuse.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea zindex este acceptată în toate browserele majore.


Sintaxă

Întoarcere proprietatea zindex:

object .style.zIndex

Setați proprietatea zindex:

object .style.zIndex="auto| Valori de proprietate
Valoare Descriere
auto Browser-ul determină ordinea stiva a elementului (bazat pe ordinea în documentul). Acest lucru este implicit
number Un număr întreg care definește ordinea stiva elementului. Valorile negative sunt permise
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: auto
Întoarcere Valoare: Un șir, care reprezintă ordinea stiva unui element
CSS Versiune CSS2

Mai multe exemple

Exemplu

Schimbați valoarea proprietății indexului z al unui <div> Element:

document.getElementById("myDIV").style.zIndex = "-1";
Încearcă - l singur »

Exemplu

Returneaza valoarea proprietății indexului z unui <img> Element:

alert(document.getElementById("img1").style.zIndex);
Încearcă - l singur »

Pagini similare

Tutorial CSS: Poziționarea CSS

Referință CSS: z-index property


<Style Object