CSS ::backdrop 伪元素

定义和用法

CSS ::backdrop 伪元素用于设置对话框或弹出框元素后面的视图框的样式。

实例

例子 1

设置对话框后面的视图框的样式：

dialog::backdrop {
  background-color: lightgreen;
}

亲自试一试

例子 2

使用渐变设置对话框后面的视图框的样式：

dialog::backdrop {
  background-color: #1fc8db; /* For browsers that do not support gradients */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

亲自试一试

CSS 语法

::backdrop {
  css declarations;
}

技术细节

浏览器支持

表格中的数字指定了完全支持该伪元素的首个浏览器版本。

相关页面

教程：CSS 伪元素