Vlastnost stylu zIndex
Příklad
Změňte pořadí zásobníku prvku <img>:
document.getElementById("img1").style.zIndex = "1";
Definice a použití
Vlastnost zIndex nastavuje nebo vrací pořadí zásobníku umístěného prvku.
Prvek s vyšším pořadím stohu (1) je vždy před jiným prvkem s nižším pořadím stohu (0).
Tip: Umístěný prvek je prvek s vlastností position nastavenou na: relativní, absolutní nebo pevná.
Tip: Tato vlastnost je užitečná, pokud chcete vytvořit překrývající se prvky.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost zIndex:
object.style.zIndex
Nastavte vlastnost zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
auto | The browser determines the stack order of the element (based on its order in the document). This is default |
number | An integer that defines the stack order of the element. Negative values are allowed |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | auto |
---|---|
Návratová hodnota: | Řetězec představující pořadí zásobníku prvku |
Verze CSS | CSS2 |
Další příklady
Příklad
Změňte hodnotu vlastnosti z-index prvku <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Příklad
Vraťte hodnotu vlastnosti z-index prvku <img>:
alert(document.getElementById("img1").style.zIndex);
Související stránky
CSS tutoriál: CSS Positioning
CSS reference: vlastnost z-index
❮ Objekt stylu