# Backdrop: qué es y cómo funciona · Zorraquino
> Un backdrop es una capa situada detrás del contenido principal de una interfaz que muestra contexto o controles relacionados con lo que hay delante.
URL: https://www.zorraquino.com/diccionario/ux/backdrop.html

# Backdrop

Un backdrop, en diseño de interfaces, es una capa situada detrás del contenido principal que muestra contexto o controles relacionados con lo que aparece delante

Qué significa, cómo se usa y en qué contexto aparece, con sus conceptos relacionados.

[Todo el diccionario](https://www.zorraquino.com/diccionario)

## Qué es y cómo funciona

En Material Design 2, el backdrop era un componente formado por una capa trasera, con navegación, filtros o ajustes, y una capa delantera con el contenido. Al desplegar la capa trasera, la delantera se desplazaba hacia abajo y seguía visible, y las acciones de atrás modificaban lo que se mostraba delante, por ejemplo al filtrar una lista.

Material Design 3 no mantiene este componente y resuelve esos casos con hojas inferiores, paneles o menús. En sentido general, «backdrop» también designa la capa semitransparente que oscurece el fondo cuando se abre un diálogo; en CSS existe además el pseudoelemento ::backdrop para estilizarla.

También se dice

Capa trasera, Telón de fondo

Temas

[Experiencia y diseño de servicios](https://www.zorraquino.com/diccionario/categoria/experiencia-y-diseno-de-servicios)

## Conceptos relacionados

- [Scrims](https://www.zorraquino.com/diccionario/ux/scrims.html)
- [Color de superficie](https://www.zorraquino.com/diccionario/ux/color-de-superficie.html)
- [Sistema de diseño](https://www.zorraquino.com/diccionario/marketing-digital/sistema-de-diseno.html)