Карточка Middle Позиционирование и z-index спрашивают часто обновлено
Контекст наложения
Вопрос
Что такое контекст наложения (stacking context)?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Изолированная группа слоёв: потомки сортируются по z-index только между собой, а наружу весь контекст участвует как один слой со своим уровнем. Его создают, например, позиционированный элемент с z-index не auto, fixed и sticky, opacity меньше 1, transform, filter, isolation: isolate.
Ответ
Изолированная группа слоёв: потомки сортируются по z-index только между собой, а наружу весь контекст участвует как один слой со своим уровнем. Его создают, например, позиционированный элемент с z-index не auto, fixed и sticky, opacity меньше 1, transform, filter, isolation: isolate.
Разбор
Объясняет, почему z-index: 9999 иногда не помогает.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.
Ещё по теме «Позиционирование и z-index»
- Относительно чего позиционируется absolute
- Растянуть оверлей на весь блок
- Одинаковый z-index у двух блоков
- fixed внутри элемента с transform
- relative и соседи
- Значения position
- Выпадающее меню прячется под блоком
- z-index: 9999 внутри контекста наложения