Exemplu
Setați z-index pentru o imagine:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Încearcă - l singur » Definiție și utilizare
Proprietatea z-index specifică ordinea stivă a unui element.
Un element cu comanda stack mai mare este întotdeauna în fața unui element cu un ordin inferior stack.
Note: z-index funcționează numai pe elementele poziționate (position:absolute, position:relative, or position:fixed) .
Valoare implicită: | auto |
---|---|
Mostenit: | no |
Animatable: | yes. Read about animatable Try it |
Versiune: | CSS2 |
sintaxa JavaScript: | object .style.zIndex="-1" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
z-index | 1.0 | 4 | 3.0 | 1.0 | 4 |
CSS Sintaxa
z-index: auto| Valori de proprietate Valoare Descriere Joaca-l auto Setează ordinea stiva egală cu părinții săi. Acest lucru este implicit Joaca - l » number Setează ordinea stiva elementului. Numerele negative sunt permise Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS: Poziționarea CSS
HTML DOM referință: zIndex property