顶层

顶层 是一个特殊的层，它跨越视窗的整个宽度和高度，并位于网页文档中显示的所有其他层之上。它由浏览器创建，用于包含应显示在页面上所有其他内容之上的元素。

放置在顶层的元素会生成一个新的 堆叠上下文，它们的对应 ::backdrop 伪元素也是如此。

将出现在顶层的元素包括

• 全屏元素，即通过成功调用 Element.requestFullscreen() 进入全屏模式的元素。
• <dialog> 元素，通过成功调用 HTMLDialogElement.showModal() 以模态方式显示。
• 通过成功调用 HTMLElement.showPopover() 显示的弹出元素。

某些浏览器，如 Chrome，会将放置在顶层的元素显示在特殊的 DOM 树条目中。例如

请注意，顶层是一个内部浏览器概念，无法从代码中直接操作。您可以使用 CSS 和 JavaScript 针对放置在顶层的元素，但不能直接针对顶层本身。