Псевдоэлемент ::backdrop

Обновлено: 26.05.2022

Псевдоэлемент ::backdrop

Псевдоэлемент отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных элементов на странице, если они имеются. Обычно ::backdrop применяется для затемнения страницы, чтобы акцентировать внимание на фотографии или диалоговом окне, которые выводятся поверх такого затемнения.

В настоящее время работает только с модальными окнами, созданными с помощью элемента <dialog>.

Синтаксис

Селектор::backdrop { ... }

Пример

Браузеры

backdrop

Посмотреть совместимость на Can I use?

backdrop