Ответ
Z-Index работает только для позиционированных элементов (position: absolute, relative, fixed, sticky).
Значение должно быть целым числом (можно отрицательное).
Ограничения:
- Максимальное значение зависит от браузера (обычно
2^31 - 1). - Элементы в одном контексте наложения сравниваются по Z-Index.
- Если Z-Index не задан, порядок определяется порядком в DOM (последний элемент выше).
Пример:
.parent { position: relative; z-index: 1; }
.child { position: absolute; z-index: 10; } /* Будет выше .parent */Если элементы в разных контекстах (например, разные position: relative родители), их Z-Index сравнивается только внутри своего контекста.