z-index представляет порядок на плоскости z, в котором появляется элемент. Элемент с более высоким порядком стека всегда находится перед другим элементом с более низким порядком стека. Он доступен в большинстве структур GUI (как веб-, так и настольных).
В CSS -
z-index - это свойство CSS, которое устанавливает порядок стеков определенных элементов. Элемент с большим порядком стеков всегда находится перед другим элементом с более низким порядком стеков.
p { position: relative; z-index: -1; }
Этот абзац будет расположен за остальной частью страницы, если на остальной части страницы есть z-index: 0
, что указано по умолчанию.
Отрицательные порядки стеков также можно использовать таким же образом. Отрицательное значение появится за более положительным. z-index работает только с элементами, у которых есть значение позиции (то есть позиция: относительная;). Как и все другие свойства CSS, его можно установить с помощью javascript , а также со следующим синтаксисом:
object.style.zIndex="1"
В WPF -
Присоединенное свойство Panel.ZIndex
В Silverlight -
Присоединенное свойство Canvas.ZIndex
См. Также z-порядок относительно общей концепции.