Web platform features explorer

::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.

Status

Baseline Widely Available (since 2024-09-14)

MDN documentation

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