跳转到:

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

::backdrop CSS 伪元素 是在任何处于全屏模式的元素下的即刻渲染的盒子(并且在所有其他在堆中的层级更低的元素之上)。

dialog::backdrop {
  background: rgba(255,0,0,.25);
}

全屏元素 是 top layer堆中的一部分, 他们处于其他所有内容的上层。::backdrop 伪元素可用来给下层文档设置样式或隐藏它。

::backdrop 不继承任何元素同时也不被任何元素继承. 没有规定什么属性不能应用于该伪元素

 

 

标准

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

浏览器

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

特性 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

参见

文档标签和贡献者

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