CSS ::backdrop pseudoelement

Definition och användning

CSS ::backdrop Pseudoelement används för att ställa in stilen på bakgrunden av dialog- eller popup-elementets vyram.

Exempel

Exempel 1

Ställ in stilen på bakgrunden av dialogens vyram:

dialog::backdrop {
  background-color: ljusgrön;
}

Prova själv

Exempel 2

Använd gradient för att ställa in stilen på bakgrunden av dialogens vyram.

dialog::backdrop {
  background-color: #1fc8db; /* För webbläsare som inte stöder gradienter */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Prova själv

CSS syntax

::backdrop {
  css deklarationer;
}

Tekniska detaljer

Webbläsarstöd

Bordets numrer anger den frsta webbläsarversion som fullständigt stöder detta pseudoelement.

Relaterade sidor

Lärar:CSS pseudoelement