::backdrop

Esta tradução está incompleta. Ajude a traduzir este artigo em inglês

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

Tópicos relacionados
  1. CSS
  2. CSS Reference
  3. CSS Selectors
  4. Guias
    1. Using the :target pseudo-class in selectors [Traduzir]
  5. Basic Selectors
    1. Type selectors [Traduzir]
    2. Class selectors [Traduzir]
    3. Seletores de ID
    4. Universal selectors [Traduzir]
    5. Seletor de atributos
  6. Combinators
    1. Adjacent sibling combinator [Traduzir]
    2. General sibling selectors
    3. Child selectors
    4. Descendant combinator [Traduzir]
    5. Column combinator [Traduzir]
  7. Pseudo-classes
    1. :active
    2. :any-link [Traduzir]
    3. :checked
    4. :blank [Traduzir]
    5. :default [Traduzir]
    6. :defined [Traduzir]
    7. :dir() [Traduzir]
    8. :disabled [Traduzir]
    9. :empty
    10. :enabled [Traduzir]
    11. :first [Traduzir]
    12. :first-child
    13. :first-of-type
    14. :fullscreen [Traduzir]
    15. :focus
    16. :focus-within [Traduzir]
    17. :has() [Traduzir]
    18. :host() [Traduzir]
    19. :host-context() [Traduzir]
    20. :hover
    21. :indeterminate [Traduzir]
    22. :in-range [Traduzir]
    23. :invalid
    24. :is() (:matches(), :any()) [Traduzir]
    25. :lang() [Traduzir]
    26. :last-child
    27. :last-of-type
    28. :left [Traduzir]
    29. :link
    30. :not()
    31. :nth-child()
    32. :nth-last-child()
    33. :nth-last-of-type() [Traduzir]
    34. :nth-of-type()
    35. :only-child
    36. :only-of-type
    37. :optional
    38. :out-of-range [Traduzir]
    39. :placeholder-shown [Traduzir]
    40. :read-only [Traduzir]
    41. :read-write [Traduzir]
    42. :required
    43. :right [Traduzir]
    44. :root
    45. :scope [Traduzir]
    46. :target [Traduzir]
    47. :valid
    48. :visited
    49. :where() [Traduzir]
  8. Pseudo-elements
    1. ::-moz-progress-bar [Traduzir]
    2. ::-moz-range-progress [Traduzir]
    3. ::-moz-range-thumb [Traduzir]
    4. ::-moz-range-track [Traduzir]
    5. ::-ms-browse [Traduzir]
    6. ::-ms-check [Traduzir]
    7. ::-ms-clear [Traduzir]
    8. ::-ms-expand [Traduzir]
    9. ::-ms-fill [Traduzir]
    10. ::-ms-fill-lower [Traduzir]
    11. ::-ms-fill-upper [Traduzir]
    12. ::-ms-reveal [Traduzir]
    13. ::-ms-thumb [Traduzir]
    14. ::-ms-ticks-after [Traduzir]
    15. ::-ms-ticks-before [Traduzir]
    16. ::-ms-tooltip
    17. ::-ms-track [Traduzir]
    18. ::-ms-value [Traduzir]
    19. ::-webkit-progress-bar [Traduzir]
    20. ::-webkit-progress-value [Traduzir]
    21. ::-webkit-slider-runnable-track [Traduzir]
    22. ::-webkit-slider-thumb [Traduzir]
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue [Traduzir]
    27. ::first-letter (:first-letter)
    28. ::first-line (:first-line) [Traduzir]
    29. ::grammar-error [Traduzir]
    30. ::placeholder [Traduzir]
    31. ::selection [Traduzir]
    32. ::slotted() [Traduzir]
    33. ::spelling-error [Traduzir]