Меню сверху, модальное окно внизу: как решить проблему с z-index? #css #html

Почему z-index не работает в CSS, даже если вы ставите значение 999999? Разбираем, как исправить наложение элементов. В этом видео на примере HTML и CSS показываем, почему стандартное увеличение z-index не помогает, если элемент находится внутри родителя с другим контекстом наложения. Вы узнаете, как работает stacking context и почему браузер сравнивает группы элементов целиком, а не отдельные значения. Этот разбор поможет вам лучше понимать принципы верстка сайта и избегать типичных ошибок с позиционированием окон и меню. Мы наглядно покажем, как перенос элемента или изменение свойств родителя возвращают контроль над порядком слоев.