Какие есть ограничения по Z-Index

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 сравнивается только внутри своего контекста.