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