CSS ::backdrop 擬似要素
- 上一页 ::after
- 下一页 ::before
- 返回上一层 CSS 伪要素リファレンスマニュアル
定義と用法
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 伪元素
- 上一页 ::after
- 下一页 ::before
- 返回上一层 CSS 伪要素リファレンスマニュアル