顶层

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

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

将出现在顶层的元素包括

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

An element in the top layer, as shown in the chrome devtools

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

另请参阅