---
title: '::backdrop'
slug: 'Web/CSS/::backdrop'
tags:
  - CSS
  - Layout
  - NeedsContent
  - Pseudoelement
  - Referenz
  - Vollbild
  - Web
translation_of: 'Web/CSS/::backdrop'
---
<div>{{CSSRef}}{{SeeCompatTable}}</div>

<p>Jedes Element im Stack des <a href="https://fullscreen.spec.whatwg.org/#top-layer">Toplayer</a>s hat ein <dfn><code>::backdrop</code></dfn> {{cssxref("pseudo-elements", "pseudo-element")}}. Dieses Pseudoelement ist eine Box, die direkt unterhalb des Elements gerendert wird (und oberhalb des Elements unterhalb des Elements im Stack, falls es eines gibt), innerhalb desselben Toplayers.</p>

<p class="note">Das <code>::backdrop</code> Pseudoelement kann dazu verwendet werden, um einen Hintergrund zu erstellen, der das dahinterliegende Dokument für ein Element im Stack des Toplayers versteckt, z. B. für das Element, das im Vollbild dargestellt wird, wie in dieser Spezifikation beschrieben.</p>

<p>Es erbt von keinem Element und vererbt auch nicht. Es gelten keine Einschränkungen bezüglich der Eigenschaften, die auf dieses Pseudoelement angewendet werden können.</p>

<h2 id="Spezifikationen">Spezifikationen</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('Fullscreen', '#::backdrop-pseudo-element', '::backdrop')}}</td>
   <td>{{Spec2('Fullscreen')}}</td>
   <td>Ursprüngliche Definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>

{{Compat("css.selectors.backdrop")}}

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>{{HTMLElement("dialog")}}</li>
</ul>