Свойство zIndex стиля
Пример
Измените порядок стека элемента <img>:
document.getElementById("img1").style.zIndex = "1";
Определение и использование
Свойство zIndex устанавливает или возвращает порядок стека позиционированного элемента.
Элемент с большим порядком стека (1) всегда находится перед другим элементом с меньшим порядком стека (0).
Совет: Позиционированный элемент — это элемент со свойством position, установленным на: относительный, абсолютный или фиксированный.
Совет: Это свойство полезно, если вы хотите создать перекрывающиеся элементы.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
zIndex | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство zIndex:
object.style.zIndex
Установите свойство zIndex:
object.style.zIndex = "auto|number|initial|inherit"
Значения свойств
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 |
Технические детали
Значение по умолчанию: | авто |
---|---|
Возвращаемое значение: | Строка, представляющая порядок элемента в стеке. |
CSS-версия | CSS2 |
Дополнительные примеры
Пример
Измените значение свойства z-index элемента <div>:
document.getElementById("myDIV").style.zIndex = "-1";
Пример
Вернуть значение свойства z-index элемента <img>:
alert(document.getElementById("img1").style.zIndex);
Связанные страницы
Учебное пособие по CSS: CSS-позиционирование
Справочник по CSS: свойство z-index
❮ Объект стиля