Что такое z-index в CSS?

Question

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

YeaHub · Accepted Answer

z-index используется для управления порядком наложения элементов на веб-странице. Значения могут быть как положительными, так и отрицательными, определяя, насколько близко или далеко от пользователя будет отображаться элемент.Если несколько элементов пересекаются, то у элемента с большим z-index будет более высокий приоритет и он окажется поверх остальных. По умолчанию, элементы с одинаковыми значениями z-index накладываются в порядке их появления в HTML. Свойство z-index работает только при наличии установленных позиций (relative, absolute, fixed), так как оно относится к слоистому позиционированию.