CSS ::backdrop 偽元素
更多“自己嘗試”的例子見下文。
定義和用法
::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 偽元素
