Przykład
Ustaw z-index dla obrazka:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Spróbuj sam " Definicja i Wykorzystanie
Właściwość z-index określa kolejność stosu elementu.
Element o większej kolejności stosu jest zawsze z przodu elementu z niższego rzędu stosu.
Note: z-index działa tylko na elementy pozycjonowane (position:absolute, position:relative, or position:fixed) .
| Domyślna wartość: | auto |
|---|---|
| Dziedziczny: | no |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS2 |
| Składnia JavaScript: | object .style.zIndex="-1" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| z-index | 1,0 | 4,0 | 3,0 | 1,0 | 4,0 |
Składnia CSS
z-index: auto|number|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| auto | Ustawia kolejność stosu równą jego rodziców. Jest to domyślny | Graj " |
| number | Ustawia kolejność elementów w stosie. Liczby ujemne są dozwolone | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Podobne strony
Kurs CSS: CSS pozycjonowania
HTML DOM referencyjny: zIndex property