О наложении слоёв и z-index
Свойство z-index управляет порядком наложения элементов по оси Z. Оно работает только для позиционированных элементов.
Типичные проблемы возникают из-за новых контекстов наложения: например, у родителя есть transform или opacity.
Модальные окна часто используют фиксированное позиционирование и большой z-index, чтобы оказаться поверх остального интерфейса.
Backdrop затемняет фон, фокусируя внимание пользователя на контенте диалога.
Важно соблюдать иерархию: контент модалки должен быть выше backdrop.
Семантическая и аккуратная вёрстка облегчает поддержку и улучшает доступность.