Свойство z-index в CSS позволяет управлять порядком наложения элементов друг на друга. 2 Оно определяет уровень размещения в стеке, глубину элемента по оси Z, которая перпендикулярна осям X и Y экрана. 5

Некоторые особенности влияния z-index на позиционирование элементов:

• Чем больше значение z-index, тем выше будет находиться элемент по сравнению с теми элементами, у которых значение z-index меньше. 4
• При равном значении z-index на переднем плане находится тот элемент, который в коде HTML описан ниже. 4
• Если z-index не указан, то блоки накладываются друг на друга в том порядке, в котором указаны в разметке. 2 Чем ниже в разметке, тем выше в стопке. 2
• z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative. 45

Значением свойства z-index может быть отрицательное или положительное целое число, значение по умолчанию — auto. 25