CSS ::backdrop 擬似要素

定義と用法

CSS ::backdrop 擬似要素は、ダイアログやポップアップボックスの要素の後ろのビューワーのスタイルを設定するために使用されます。

例1

ダイアログの後ろのビューワーのスタイルを設定します:

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

自分で試してみてください

例2

グラデーションを使用して、ダイアログの後ろのビューワーのスタイルを設定します:

dialog::backdrop {
  background-color: #1fc8db; /* グレーディエントをサポートしないブラウザ用 */
  background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
  opacity:0.75;
}

自分で試してみてください

CSS文法

::backdrop {
  css宣言;
}

技術的な詳細

バージョン: CSS Positioning Layout Module Level 4

ブラウザのサポート

テーブルの数字は、その擬似要素を完全にサポートする最初のブラウザのバージョンを指定しています。

Chrome Edge Firefox Safari Opera
37 79 47 15.4 24

相关页面

教程:CSS 伪元素