Oberste Ebene

Die oberste Ebene ist eine spezielle Ebene, die die gesamte Breite und Höhe des Viewports abdeckt und über allen anderen Ebenen eines Webdokuments liegt. Sie wird vom Browser erstellt, um Elemente zu enthalten, die über dem gesamten anderen Inhalt auf der Seite erscheinen sollen.

Elemente, die in der obersten Ebene platziert sind, erzeugen einen neuen stapelnden Kontext, ebenso wie ihre entsprechenden ::backdrop Pseudoelemente.

Elemente, die in der obersten Ebene erscheinen werden, umfassen:

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

Einige Browser, wie Chrome, zeigen Elemente, die in die oberste Ebene platziert werden, in einem speziellen DOM-Baumeintrag an. Zum Beispiel:

Beachten Sie, dass die oberste Ebene ein internes Browserkonzept ist und nicht direkt aus dem Code heraus manipuliert werden kann. Sie können jedoch Elemente, die in der obersten Ebene platziert sind, mit CSS und JavaScript ansprechen, jedoch nicht die oberste Ebene selbst.