Polecane kursy:
- Poprzednia strona widows
- Następna strona alignContent
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM
Atrybut Style zIndex
Definicja i użycie
zIndex
Ustawienie lub zwrócenie kolejności układania elementu umieszczonego.
Wskazówka:Elementy, które mają większą kolejność układania (1), zawsze znajdują się przed elementami o niższej kolejności układania (0). Atrybut position ustaw na:relative
,absolute
lub fixed
elementów.
Wskazówka:Ta właściwość jest bardzo przydatna do tworzenia overlappingowych elementów.
Inne zasoby:
Kurs CSS:Umieszczanie CSS
Podręcznik CSS:Atrybut zIndex
Przykład
Przykład 1
Zmiana kolejności układania elementu <img>:
document.getElementById("img1").style.zIndex = "1";
Przykład 2
Zmiana wartości atrybutu z-index elementu <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Przykład 3
Zwrócenie wartości atrybutu z-index elementu <img>:
alert(document.getElementById("img1").style.zIndex);
Gramatyka
Zwrócenie atrybutu zIndex:
object.style.zIndex
Ustawienie atrybutu zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Wartość atrybutu
Wartość | Opis |
---|---|
auto | Przeglądarka określa kolejność układania elementów (opartą na kolejności w dokumencie). Domyślnie. |
number | Liczba określająca kolejność układania elementów. Dopuszczalne są wartości ujemne. |
initial | Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial. |
inherit | Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit. |
Szczegółowe informacje techniczne
Domyślna wartość: | auto |
---|---|
Wartość zwracana: | łańcuch, który reprezentuje kolejność układania elementów. |
CSS wersja: | CSS2 |
Obsługa przeglądarek
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Wsparcie | Wsparcie | Wsparcie | Wsparcie | Wsparcie |
- Poprzednia strona widows
- Następna strona alignContent
- Wróć do poprzedniego poziomu Obiekt Style HTML DOM