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

Оновлено: 13.01.2023

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

Псевдоелемент відображається нижче самого верхнього елемента в стеку по осі Z, але вище всіх інших елементів на сторінці, якщо вони є. Зазвичай ::backdrop застосовується для затемнення сторінки, щоб акцентувати увагу на фотографії або діалоговому вікні, які виводяться поверх такого затемнення.

Наразі працює тільки з модальними вікнами, створеними за допомогою елемента <dialog>.

Синтаксис

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

Приклад

Браузери

backdrop

Переглянути сумісність з Can I use?

backdrop