::backdrop
Widely available
The ::backdrop
CSS pseudo-element is a box underneath an element in the top layer, such as a <dialog>
. It can be used to create obscuring effects distinguishing a modal element from the elements underneath.
To learn more, see
::backdrop at MDN.
Compatibility
- Chrome 37 Released on 2014-08-26
- Chrome Android 37 Released on 2014-09-03
- Edge 79 Released on 2020-01-15
- Firefox 47 Released on 2016-06-07
- Firefox for Android 47 Released on 2016-06-07
- Safari 15.4 Released on 2022-03-14
- Safari on iOS 15.4 Released on 2022-03-14