::backdrop

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.

Learning resources on MDN

• ::backdrop

Browser support

• 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

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature