Obere Ebene

Die obere Ebene ist eine spezifische Ebene, die die gesamte Breite und Höhe des Ansichtsfensters abdeckt und über allen anderen in einem Webdokument angezeigten Ebenen liegt. Sie wird vom Browser erstellt, um Elemente zu enthalten, die über allen anderen Inhalten auf der Seite erscheinen sollen.

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

Zu den Elementen, die in der oberen Ebene erscheinen, gehören:

• Volle Bildschirm-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 Fenster angezeigt werden.
• Popover-Elemente, die über einen erfolgreichen Aufruf von HTMLElement.showPopover() angezeigt werden.
• Der Dropdown-Auswähler eines anpassbaren <select>-Elements, sobald er geöffnet ist.

Einige Browser, wie Chrome, zeigen Elemente, die in der oberen Ebene platziert werden, in einem speziellen Eintrag des DOM-Baums an. Zum Beispiel:

Beachten Sie, dass die obere Ebene ein internes Konzept des Browsers ist und nicht direkt über den Code manipuliert werden kann. Sie können jedoch mit CSS und JavaScript auf in der oberen Ebene platzierte Elemente abzielen, jedoch nicht direkt auf die obere Ebene selbst.