::backdrop

Experimental

Esta é uma tecnologia experimental
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!

Funcionalidade Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 32.0 webkit
37.0		 47 (47) [1] 11 ms Não suportado Não suportado
em um <dialog> 32.0 webkit
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 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