aboutsummaryrefslogtreecommitdiff
path: root/files/de/web/css/_doublecolon_backdrop/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/de/web/css/_doublecolon_backdrop/index.html')
-rw-r--r--files/de/web/css/_doublecolon_backdrop/index.html49
1 files changed, 49 insertions, 0 deletions
diff --git a/files/de/web/css/_doublecolon_backdrop/index.html b/files/de/web/css/_doublecolon_backdrop/index.html
new file mode 100644
index 0000000000..d0edc3021e
--- /dev/null
+++ b/files/de/web/css/_doublecolon_backdrop/index.html
@@ -0,0 +1,49 @@
+---
+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>