Web platform features explorer

::backdrop

Widely available since 2024-09-14
Tags: css Groups: CSS > Selectors

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.

Learn more

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