MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

::backdrop

これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。

トップレイヤーのスタック内にあるそれぞれの要素は ::backdrop 疑似要素を持ちます。この疑似要素は、同一のトップレイヤー内で要素のすぐ下層 (スタック内で下層に要素が存在する場合は、それより上層) に描画されるボックスです。

::backdrop 疑似要素は、トップレイヤーのスタック内で要素の下層にあるドキュメントを隠す背景を作成するために使用できます。例えば仕様書で説明されているように、フルスクリーンで表示する要素です。

これはどの要素からも継承せず、またどの要素へも継承しません。この疑似要素に適用するプロパティの制限もありません。

仕様

仕様書 策定状況 コメント
Fullscreen API
::backdrop の定義
現行の標準 最初期の定義

ブラウザ実装状況

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 32.0 webkit
37.0
47 (47) [1] 11 ms 未サポート 未サポート
<dialog> でサポート 32.0 webkit
37.0
未サポート 未サポート 未サポート 未サポート
フルスクリーンでサポート 未サポート 47 (47) [1] 11 ms 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 未サポート 47.0 (47) [1] 未サポート 未サポート 未サポート
<dialog> でサポート 未サポート 未サポート 未サポート 未サポート 未サポート
フルスクリーンでサポート 未サポート 47.0 (47) [1] 未サポート 未サポート 未サポート

[1] バグ 1064843 をご覧ください。

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss
 最終更新者: yyss,