CSS z-index

Когда несколько элементов перекрывают друг друга на странице, то один из них оказывается выше других и перекрывает часть других элементов. С помощью свойства z-index  можно указать, какой элемент должен перекрывать какие другие элементы. Это свойство работает только для элементов, у которых свойство position установлено в relative, absolute  или fixed.

Возможные значения: <целое_число> | auto

Можно использовать отрицательные, положительные числа (но только целые) и ноль. Чем больше значение, тем выше будет находиться элемент. Элемент с большим значением будет перекрывать элемент с меньшим значением. Если значения элементов одинаковы, то элемент, объявленный на странице позже, будет перекрывать элемент, объявленный раньше.

auto — автоматическое определение. Элемент, объявленный на странице позже, будет перекрывать элемент, объявленный раньше.

Значение по умолчанию: auto

Наследуется: нет

Пример:

Посмотреть результат.

 


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.

*