导航
×
   ❮   
HTML CSS JavaScript PHP Go Sass W3C Colors ECMS

CSS ::backdrop 伪元素


实例

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

dialog::backdrop {
  background-color: lightgreen;
}
亲自试一试 »

更多“自己尝试”的例子见下文。


定义和用法

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

版本 CSS 定位布局模块级别 4

浏览器支持

表中数字表示首次完全支持此伪元素的浏览器版本。

伪元素
::backdrop 37 79 47 15.4 24

CSS 语法

::backdrop {
  CSS 声明;
}

更多实例

实例

使用渐变样式对话框背后的视图框

dialog::backdrop {
  background-color: #1fc8db; /* 对于不支持渐变的浏览器 */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}
亲自试一试 »

相关页面

CSS 教程:CSS 伪元素


Copyright ©2020-2026 freew3c.com All Rights Reserved 提供的内容仅用于学习和测试,不保证内容的正确性。