This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
Each element in the top layer's stack has a ::backdrop pseudo-element. This pseudo-element is a box rendered immediately below the element (and above the element below the element in the stack, if any), within the same top layer.
The ::backdrop pseudo-element can be used to create a backdrop that hides the underlying document for an element in the top layer's stack, e.g., for the element that is displayed fullscreen as described by this specification.
It does not inherit from any element and is not inherited from. No restrictions are made on what properties apply to this pseudo-element either.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Fullscreen API The definition of '::backdrop' in that specification. |
Living Standard | Initial definition |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 32.0 webkit 37.0 |
47 (47) [1] | 11 ms | No support | No support |
on <dialog> |
32.0 webkit 37.0 |
No support | No support | No support | No support |
| on fullscreen | No support | 47 (47) [1] | 11 ms | No support | No support |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | No support | 47.0 (47) [1] | No support | No support | No support |
on <dialog> |
No support | No support | No support | No support | No support |
| on fullscreen | No support | 47.0 (47) [1] | No support | No support | No support |
[1] See bug 1064843