Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS z-index

Перейти к справке 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 Firefox Internet Explorer Opera Safari
Свойство z-index поддерживается всеми основными браузерами.

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


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

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

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

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


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


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта