CSS ::backdrop pseudo-element

Definitie en gebruik

CSS ::backdrop Pseudo-elementen worden gebruikt om de stijl van het achtergrondvenster achter een dialoogvenster of pop-up-element in te stellen.

Voorbeeld

Voorbeeld 1

Stel de stijl van het achtergrondvenster van het dialoogvenster in:

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

Probeer het zelf uit

Voorbeeld 2

Gebruik een gradient om de stijl van het achtergrondvenster van het dialoogvenster in te stellen:

dialog::backdrop {
  background-color: #1fc8db; /* Voor browsers die geen gradients ondersteunen */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Probeer het zelf uit

CSS-syntaxis

::backdrop {
  css-declaraties;
}

Technische details

Browserondersteuning

De getallen in de tabel specificeren de eerste browserversie die de pseudo-element volledig ondersteunt.

Gerelateerde pagina's

Handleiding:CSS pseudoelement