Как z-index влияет на позиционирование элементов на странице?

Свойство z-index в CSS позволяет управлять порядком наложения элементов друг на друга. doka-guide.vercel.app Оно определяет уровень размещения в стеке, глубину элемента по оси Z, которая перпендикулярна осям X и Y экрана. www.css-tricks.ru

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

• Чем больше значение z-index, тем выше будет находиться элемент по сравнению с теми элементами, у которых значение z-index меньше. htmlbook.ru
• При равном значении z-index на переднем плане находится тот элемент, который в коде HTML описан ниже. htmlbook.ru
• Если z-index не указан, то блоки накладываются друг на друга в том порядке, в котором указаны в разметке. doka-guide.vercel.app Чем ниже в разметке, тем выше в стопке. doka-guide.vercel.app
• z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative. htmlbook.ru www.css-tricks.ru

Значением свойства z-index может быть отрицательное или положительное целое число, значение по умолчанию — auto. doka-guide.vercel.app www.css-tricks.ru