Pseudo-elemento ::backdrop de CSS

Definición y uso

CSS ::backdrop Los pseudo-elementos se utilizan para establecer el estilo del cuadro de vista detrás de los elementos de cuadro de diálogo o emergente.

Ejemplo

Ejemplo 1

Establecer el estilo del cuadro de vista detrás del cuadro de diálogo:

dialog::backdrop {
  fondo-color: verde claro;
}

Prueba por ti mismo

Ejemplo 2

Usar degradados para establecer el estilo del cuadro de vista detrás del cuadro de diálogo:

dialog::backdrop {
  fondo-color: #1fc8db; /* Para navegadores que no admiten gradientes */
  fondo-imagen: degradado(lineal, 140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacidad:0.75;
}

Prueba por ti mismo

Sintaxis de CSS

::backdrop {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

La numeración en la tabla especifica la versión del navegador más antigua que admite completamente este pseudo-elemento.

Páginas relacionadas

Tutoriales:Elementos pseudo de CSS