::backdrop全画面モード時の背後にあるボックスにスタイルを適用する

::backdrop 疑似要素は、全画面モード時に、最上位となるレイヤーの直下に配置されるボックスにスタイルを適用します。例えば、Fullscreen API によって動画を全画面再生中、その背後に黒や半透明の背景を配置できます。

Edge(EdgeHTML)および Internet Explorer では -ms- 接頭辞が必要です。

::backdropのサンプルソース

video::backdrop {
  background: rgba(0,0,0,.75);
}

主要ブラウザの対応

IE11 ::-ms-backdrop
Edge(EdgeHTML) ::-ms-backdrop
Edge(Chromium)
Chrome
Firefox
Safari ×
iOS Safari ×
Android Chrome

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

@-規則
セレクタ
疑似要素
疑似クラス
背景

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

IE11
Edge(EdgeHTML)
Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome

このページの上部へ