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