MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

::backdrop

这篇翻译不完整。请帮忙从英语翻译这篇文章

这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

The ::backdrop CSS pseudo-element is a box rendered immediately below any element rendered in fullscreen mode (and above any lower elements in the stack). Fullscreen elements are part of the top layer's stack, i.e., they are rendered in front of all other content.

Usage note: The ::backdrop pseudo-element can be used to hide the underlying document for an element that is displayed fullscreen.

::backdrop 不继承任何元素同时也不被任何元素继承. No restrictions are made on what properties apply to this pseudo-element.

特点

Specification Status Comment
Fullscreen API
::backdrop
Living Standard Initial definition

浏览器

特性 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基本支持 32.0 webkit
37.0
(Yes)ms 47 (47) [1] 11 ms 未实现 未实现
on <dialog> 32.0 webkit
37.0
未实现 未实现 未实现 未实现 未实现
on fullscreen 未实现 (Yes)ms 47 (47) [1] 11 ms 未实现 未实现
特性 Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本支持 未实现 (Yes)ms 47.0 (47) [1] 未实现 未实现 未实现
on <dialog> 未实现 未实现 未实现 未实现 未实现 未实现
on fullscreen 未实现 (Yes)ms 47.0 (47) [1] 未实现 未实现 未实现

[1] See bug 1064843

再看看

文档标签和贡献者

 此页面的贡献者: old2sun
 最后编辑者: old2sun,