CSS - ::backdrop

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.

Description  

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.

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

Specifications  

Specification Status Comment
Fullscreen API
The definition of '::backdrop' in that specification.
Living Standard Initial definition

See Also

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/::backdrop