::backdrop pseudo-element
Sets the background style for elements displayed in full-screen mode.
![]() |
Syntax
selector::backdrop {...}Parameters
- selector
-
Element that's in full-screen mode.
Remarks
As of Microsoft Edge, the experimental "ms" prefix was removed from ::-ms-backdrop. The recommended usage is as follows:
| IE Version | Recommended Usage |
|---|---|
| Prior to Internet Explorer 11 | not implemented |
| IE11 | ::-ms-backdrop |
| Microsoft Edge and beyond | ::backdrop |
For improved compatibility with legacy sites, ::-webkit-backdrop is also supported as an alias of ::backdrop.
Examples
This example puts a magenta background behind an element when in full-screen mode.
#test:fullscreen::backdrop {
background-color: magenta;
}
See also
Show:
