# Контекст наложения

URL: https://chugunov.pro/glossary/frontend/kontekst-nalozheniia/
Оригинальное название: stacking context
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Локальная система упорядочивания элементов по глубине, внутри которой действует z-index.

## Что такое «Контекст наложения»

Локальная система упорядочивания элементов по глубине, внутри которой действует z-index. Новый контекст наложения создают свойства вроде `position` со `z-index`, `opacity` меньше единицы и трансформации. Внутри него элементы сравниваются по z-index, но не пересекаются по глубине с другими контекстами. Непонимание контекстов — частая причина, почему `z-index` «не работает», как ожидалось.

## Связанные термины

- [Контекст форматирования](https://chugunov.pro/glossary/frontend/kontekst-formatirovaniia/) — Набор правил, по которым браузер размещает и взаимодействует с элементами внутри конкретной области документа.
- [Дочерний элемент](https://chugunov.pro/glossary/frontend/dochernii-element/) — Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.
- [Переменные единицы](https://chugunov.pro/glossary/frontend/peremennye-edinitsy/) — Относительные единицы, величина которых зависит от шрифта, окна, контейнера или другой изменяемой базы.
- [Позиционирование](https://chugunov.pro/glossary/frontend/pozitsionirovanie/) — CSS-механизм размещения элемента в обычном потоке либо по координатам относительно выбранной области.
- [Родительский элемент](https://chugunov.pro/glossary/frontend/roditel-skii-element/) — Узел, непосредственно содержащий один или несколько дочерних элементов.
- [Непрозрачный](https://chugunov.pro/glossary/frontend/neprozrachnyi/) — Полностью перекрывающий находящееся под ним содержимое, без видимой прозрачности.
- [Отключённое состояние](https://chugunov.pro/glossary/frontend/otkliuchionnoe-sostoianie/) — Состояние элемента, в котором он не принимает обычные пользовательские действия и часто визуально приглушён.
- [Режим смешивания](https://chugunov.pro/glossary/frontend/rezhim-smeshivaniia/) — Алгоритм, определяющий, как цвет элемента объединяется с цветами расположенных под ним слоёв.