::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
| 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