27 lines
2.0 KiB
Markdown
27 lines
2.0 KiB
Markdown
---
|
||
title: Z Index Property
|
||
localeTitle: Свойство Index
|
||
---
|
||
## Свойство индекса Z
|
||
|
||
Свойство z-index указывает порядок стека элемента. Любые позиционированные элементы на веб-странице могут перекрывать друг друга в определенном порядке, имитируя третье измерение, перпендикулярное экрану. Элемент с большим порядком стека всегда находится перед элементом с более низким порядком стека. Порядок стека контролируется индексом z. Это свойство работает только для элементов, значение позиции которых установлено как абсолютное, фиксированное или относительное.
|
||
|
||
#### Синтаксис
|
||
|
||
z-index: auto | number | initial | inherit;
|
||
|
||
#### пример
|
||
```
|
||
div {
|
||
position: absolute;
|
||
z-index: -1;
|
||
}
|
||
```
|
||
|
||
#### Значения
|
||
|
||
Авто: Устанавливает порядок стека, равный его родителям. Это значение по умолчанию. Number: Устанавливает порядок стека элемента. Отрицательные числа разрешены. Чем выше значение, тем выше элемент. При равном значении z-индекса элемент, описанный в HTML-коде ниже, будет впереди. Initial: Устанавливает это свойство по умолчанию. Inherit: Наследует это свойство от его родительского элемента.
|
||
|
||
#### Дополнительная информация:
|
||
|
||
[Z-индекс на MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index) [Z-index на W3schools](https://www.w3schools.com/cssref/pr_pos_z-index.asp) |