Obere Ebene

Die obere Ebene ist eine spezifische Ebene, die sich über die gesamte Breite und Höhe des Anzeigebereichs erstreckt und über allen anderen Ebenen in einem Webdokument liegt. Sie wird vom Browser erstellt, um Elemente einzuschließen, die über allen anderen Inhalten der Seite erscheinen sollen.

Elemente, die in der oberen Ebene platziert werden, erzeugen einen neuen Stacking-Kontext, ebenso wie ihre entsprechenden ::backdrop Pseudo-Elemente.

Elemente, die in der oberen Ebene erscheinen, umfassen:

• Vollbild-Elemente, d.h. Elemente, die durch einen erfolgreichen Aufruf von Element.requestFullscreen() im Vollbildmodus angezeigt werden.
• <dialog>-Elemente, die über einen erfolgreichen Aufruf von HTMLDialogElement.showModal() als modales Dialogfeld angezeigt werden.
• Popover-Elemente, die über einen erfolgreichen Aufruf von HTMLElement.showPopover() angezeigt werden.

Einige Browser, wie zum Beispiel Chrome, zeigen Elemente, die in der oberen Ebene platziert sind, in einem speziellen DOM-Baum-Eintrag an. Zum Beispiel:

Beachten Sie, dass die obere Ebene ein internes Konzept des Browsers ist und nicht direkt über Code manipuliert werden kann. Sie können zwar mit CSS und JavaScript auf Elemente zugreifen, die in der oberen Ebene platziert sind, aber die obere Ebene selbst können Sie nicht direkt ansprechen.