::backdrop
Experimental
This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
El pseudo-element
(en-US) CSS ::backdrop
és una caixa situada immediatament per sota d'un element visualitzat en mode de pantalla completa (i per sobre de qualsevol element inferior de la pila). Els elements de pantalla completa formen part de la pila de la capa superior, és a dir, es representen davant de qualsevol altre contingut.
dialog::backdrop {
background: rgba(255,0,0,.25);
}
El pseudo-element ::backdrop
es pot utilitzar per donar estil o ocultar el document subjacent d'un element que es mostra a pantalla completa.
::backdrop
no hereta de cap element i no és hereditari. No es fa cap restricció sobre quines propietats s'apliquen a aquest pseudo-element.
Especificacions
Especificació | Estat | Comentari |
---|---|---|
Fullscreen API The definition of '::backdrop' in that specification. |
Living Standard | Definició inicial. |
Navegadors compatibles
Descripció | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Suport bàsic | 32.0 webkit (en-US) 37.0 |
(Yes)ms (en-US) | 47 (47) [1] | 11 ms (en-US) | No support | No support |
en <dialog> |
32.0 webkit (en-US) 37.0 |
No support | No support | No support | No support | No support |
en fullscreen | No support | (Yes)ms (en-US) | 47 (47) [1] | 11 ms (en-US) | No support | No support |
Descripció | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Suport bàsic | No support | (Yes)ms (en-US) | 47.0 (47) [1] | No support | No support | No support |
en <dialog> |
No support | No support | No support | No support | No support | No support |
en fullscreen | No support | (Yes)ms (en-US) | 47.0 (47) [1] | No support | No support | No support |
[1] See errada 1064843