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 Positioned Layout Module Level 4

瀏覽器支持

表格中的數字指定了完全支持該偽元素的首個瀏覽器版本。

Chrome Edge Firefox Safari Opera
37 79 47 15.4 24

相關頁面

教程：CSS 偽元素