CSS/Selektoren/backdrop

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der ::backdrop-Selektor kann dazu verwendet werden, um einen Hintergrund zu erstellen, der das dahinterliegende Dokument für ein Element im Stack des Toplayers versteckt. Das ::backdrop-Pseudoelement liegt zwischen dem obersten Element, z. B: einer Dialog-Box, und den anderen Elementen im Hintergrund.

Syntax ::backdrop
Browsersupport Details: caniuse.com
Beispiel
dialog::backdrop { 
  background: rgba(0,0,0,0.5); 
}
Das hinter dem backdrop liegende Dokument wird durch eine schwarze, halb durchscheinende Maske verdeckt.


Siehe auch

Weblinks