Рекомендуемый курс:

Свойство style zIndex

Определение и использование zIndex

Свойство устанавливает или возвращает порядок stacking (накладки) элемента, который расположен.

Совет:Элементы с более высоким порядком stacking (накладки) (1) всегда находятся перед элементами с более низким порядком stacking (накладки) (0). Свойство position установить в:relative,absolute или fixed элементов.

Совет:Этот атрибут полезен для создания перекрывающихся элементов.

См. также:

CSS УрокиПозиционирование CSS

CSS РеференсСвойство zIndex

Пример

Пример 1

Изменить порядок stacking (накладки) для элемента <img>:

document.getElementById("img1").style.zIndex = "1";

Попробуйте сами

Пример 2

Изменить значение свойства z-index для элемента <div>:

document.getElementById("myDIV").style.zIndex = "-1";

Попробуйте сами

Пример 3

Вернуть значение свойства z-index для элемента <img>:

alert(document.getElementById("img1").style.zIndex);

Попробуйте сами

Синтаксис

Вернуть свойство zIndex:

object.style.zIndex

Установить свойство zIndex:

object.style.zIndex = "auto|number|initial|inherit"

Значение свойства

Технические детали

Поддержка браузеров

Инструменты

Референсная книга JavaScript и HTML DOM

Примеры JavaScript

Тесты JavaScript

Уроки JavaScript

Ссылки спонсоров