在线文档教程

背景 | ::backdrop

::backdrop

这是一种实验技术

由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。

::backdropCSS pseudo-element是在呈现的任何元件下方立即呈现的框全屏模式(以上栈中的任何下的元素)。全屏元素是顶层图层的一部分,也就是说,它们被渲染在所有其他内容的前面。

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

::backdrop伪元素可以用来修改或隐藏所显示全屏的元素基础文档。

::backdrop不从任何元素继承,也不继承任何元素。什么属性适用于这个元素没有限制。

规范

SpecificationStatusComment
Fullscreen APIThe definition of '::backdrop' in that specification.Living StandardInitial definition

浏览器兼容性

FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support32.0 webkit 37.0(Yes)ms47 (47) 111 msNo supportNo support
on <dialog>32.0 webkit 37.0No supportNo supportNo supportNo supportNo support
on fullscreenNo support(Yes)ms47 (47) 111 msNo supportNo support

FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic supportNo support(Yes)ms47.0 (47) 1No supportNo supportNo support
on <dialog>No supportNo supportNo supportNo supportNo supportNo support
on fullscreenNo support(Yes)ms47.0 (47) 1No supportNo supportNo support