СВОЙСТВО Z-INDEX
Свойство z-index определяет порядок элементов по оси z. Элемент с более высоким значением z-index будет находиться выше элемента с более низким значением.
Поддержка браузеров
Синтаксис
z-index: auto|число|initial|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| auto | Устанавливает значение порядка элемента таким же как и у родительского элемента. Это значение по умолчанию. |
| число | Устанавливает значение порядка элемента. Отрицательные значения допускаются. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<div class="block-1"></div> <div class="block-2"></div>HTML
.block-1,
.block-2 {
position: absolute;
width: 100px;
height: 100px
}
.block-1 {
background: blue;
z-index: 2
}
.block-2 {
background: purple;
top: 20px;
left: 20px;
z-index: 1
}
CSS