::backdrop

Experimental: Esta é uma tecnologia experimental (en-US)
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

Cada elemento na camada superior de uma pilha de elementos possui um pseudo-elemento ::backdrop. Esse pseudo-elemento é uma caixa renderizada imediatamente abaixo do elemento superior (e acima do elemento logo abaixo desse elemento, caso exista algum), dentro da camada superior.

O pseudo-elemento ::backdrop pode ser utilizado para criar um pano de fundo que esconde o conteúdo por trás de um elemento posicionado no topo de uma pilha de elementos. Por exemplo, para o elemento que é mostrado em tela cheia conforme descrito nessa especificação.

Ele não herda de nenhum elemento e também não é herdado. Não há restrição de propriedades que podem ser aplicadas a esse pseudo-elemento. 

Especificações

Especificação Status Comentário
Fullscreen API
The definition of '::backdrop' in that specification.
Padrão em tempo real Definição inicial

Copatibilidade com navegadores

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar! (en-US)

Funcionalidade Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 32.0 webkit (en-US)
37.0
47 (47) [1] 11 ms (en-US) Não suportado Não suportado
em um <dialog> 32.0 webkit (en-US)
37.0
Não suportado Não suportado Não suportado Não suportado
em tela cheia Não suportado 47 (47) [1] 11 ms (en-US) Não suportado Não suportado
Funcionalidade Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico Não suportado 47.0 (47) [1] Não suportado Não suportado Não suportado
em um <dialog> Não suportado Não suportado Não suportado Não suportado Não suportado
em tela cheia Não suportado 47.0 (47) [1] Não suportado Não suportado Não suportado

[1] Ver bug 1064843

Veja também