CSS свойство z-index, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-2067561Перейти к справке CSS

img { position:absolute; left:0px; top:0px; z-index:-3;

}

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

Свойство CSS z-index задает расположение элемента относительно других элементов в третьем измерении, которое перпендикулярно монитору.

Элемент, у которого больше z-index будет перекрывать элементы с меньшим z-index.

Заметка: z-index действует только на те элементы, свойство position, которых равно absolute, relative или fixed.

Значение по умолчанию auto
Наследование нет
Версия CSS CSS 2
Синтаксис JavaScript object.style.zIndex=»1″

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

chrome-2597555 firefox-5877876 ie-5823449 opera-2311150 safari-8328170
Свойство z-index поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Возможные значения свойства z-index

Значение Описание
auto Положение по оси z равно положение родительского элемента
число Число определяет положение по оси z. Разрешены целые положительные и отрицательные числа. Элементы с большим z-index перекрывают элементы с меньшим индексом
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS позиционирование

up_violet-2067561Перейти к справке CSS