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

Определение и использование

CSS ::backdrop Псевдоэлементы используются для установки стиля фона за элементами диалога или всплывающего окна.

Пример

Пример 1

Установите стиль фона за диалоговым окном:

dialog::backdrop {
  background-color: lightgreen;
}

Попробуйте сами

Пример 2

Используйте градиент для установки стиля фона за диалоговым окном:

dialog::backdrop {
  background-color: #1fc8db; /* Для браузеров, которые не поддерживают градиенты */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Попробуйте сами

CSS грамматика

::backdrop {
  css определения;
}

Технические детали

Версия: Уровень 4 Модуля Локализованного Размещения CSS

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдоэлемент.

Кروм Эдж Фаерфокс Сафари Опера
37 79 47 15.4 24

Связанные страницы

Урок:CSS pseudo-elements