Pseudoelement CSS ::backdrop

Definicja i zastosowanie

CSS ::backdrop Pseudoelementy są używane do ustawiania stylu okna widokowego za elementami dialogowymi lub wyskakującymi.

Przykład

Przykład 1

Ustaw styl okna widokowego za oknem dialogowym:

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

Spróbuj sam

Przykład 2

Użyj gradientu, aby ustawić styl okna widokowego za oknem dialogowym:

dialog::backdrop {
  background-color: #1fc8db; /* Dla przeglądarek, które nie obsługuje gradientów */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Spróbuj sam

Gramatyka CSS

::backdrop {
  deklaracje css;
}

Szczegóły techniczne

Obsługa przeglądarek

Tabela zawiera numer wersji pierwszej przeglądarki, która w pełni obsługuje ten pseudoelement.

Strony związane

Tutorial:Pseudoelementy CSS