Vlastnost CSS z-index
Příklad
Nastavte z-index pro obrázek:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Definice a použití
Vlastnost z-index
určuje pořadí zásobníku prvku.
Prvek s vyšším pořadím zásobníku je vždy před prvkem s nižším pořadím zásobníku.
Poznámka: z-index
Funguje pouze s umístěnými prvky (pozice: absolutní, poloha: relativní, poloha: pevná nebo poloha: lepicí) a flexibilní položky (prvky, které jsou přímými potomky prvků
display:flex ).
Poznámka: Pokud se dva umístěné prvky překrývají, aniž by bylo z-index
specifikováno, prvek umístěný jako poslední v kódu HTML se zobrazí nahoře.
Výchozí hodnota: | auto |
---|---|
Zděděno: | Ne |
Animovatelné: | Ano. Přečtěte si o tématu Animable |
Verze: | CSS2 |
Syntaxe JavaScriptu: | objekt .style.zIndex="-1" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
Syntaxe CSS
z-index: auto|number|initial|inherit;
Hodnoty vlastností
Value | Description | Play it |
---|---|---|
auto | Sets the stack order equal to its parents. This is default | |
number | Sets the stack order of the element. Negative numbers are allowed | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Související stránky
CSS tutoriál: CSS Positioning
Odkaz HTML DOM:
vlastnost zIndex