Pseudo-élément CSS ::backdrop

Définition et utilisation

CSS ::backdrop Les pseudo-éléments sont utilisés pour définir le style du cadre de vue derrière les éléments de dialogue ou de boîte de dialogue.

Exemple

Exemple 1

Définir le style du cadre de vue derrière le dialogue :

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

Essayez-le vous-même

Exemple 2

Utilisez les dégradés pour définir le style du cadre de vue derrière le dialogue :

dialog::backdrop {
  background-color: #1fc8db; /* Pour les navigateurs qui ne prennent pas en charge les dégradés */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Essayez-le vous-même

Grammaire CSS

::backdrop {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version la plus ancienne du navigateur qui prend en charge ce pseudo-élément en totalité.

Pages connexes

Tutoriel :Élément de pseudo CSS