頂層

頂部圖層是一個特定的圖層，它跨越視口（viewport）的整個寬度和高度，並位於 Web 文件中顯示的所有其他圖層的頂部。它由瀏覽器建立，用於包含那些應該顯示在頁面所有其他內容之上的元素。

放置在頂部圖層中的元素會生成一個新的堆疊順序上下文，它們對應的::backdrop 偽元素也會如此。

將出現在頂部圖層中的元素包括：

• 全屏元素，即透過成功的 Element.requestFullscreen() 呼叫而顯示為全屏模式的元素。
• 透過成功的 HTMLDialogElement.showModal() 呼叫以模態方式顯示的 <dialog> 元素。
• 透過成功的 HTMLElement.showPopover() 呼叫顯示的 Popover 元素。

一些瀏覽器，例如 Chrome，會在特殊的 DOM 樹條目中顯示放置在頂部圖層中的元素。例如：

請注意，頂部圖層是一個內部瀏覽器概念，不能直接透過程式碼進行操作。你可以使用 CSS 和 JavaScript 來定位放置在頂部圖層中的元素，但你無法直接定位頂部圖層本身。