Pseudo-elemento ::backdrop CSS

Definizione e utilizzo

CSS ::backdrop I pseudo-elementi vengono utilizzati per impostare lo stile della vista dietro gli elementi di dialogo o di popup.

Esempio

Esempio 1

Imposta lo stile della vista dietro il dialogo

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

Prova da solo

Esempio 2

Imposta lo stile della vista dietro il dialogo utilizzando la渐变

dialog::backdrop {
  background-color: #1fc8db; /* Per i browser che non supportano le sfumature */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

Prova da solo

Sintassi CSS

::backdrop {
  declarazioni css;
}

Dettagli tecnici

Supporto del browser

Il numero nella tabella indica la versione del browser iniziale che supporta completamente questo pseudo-elemento.

Pagine correlate

Lezione:Pseudo-elemento CSS