CSS/Selektoren/Pseudoelement/backdrop

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Das ::backdrop Pseudoelement 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.

  • CSS 3.0
  • Leer
  • Leer
  • Leer
  • Leer
  • Leer

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[Bearbeiten]

Weblinks[Bearbeiten]