高级前端
dom
【Q425】什么是层叠上下文 (stacking context)

什么是层叠上下文 (stacking context)

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 432 (opens in a new tab)

Author 回答者: shfshanyue (opens in a new tab)

我们假定用户正面向(浏览器)视窗或网页,而 HTML 元素沿着其相对于用户的一条虚构的 z 轴排开,层叠上下文就是对这些 HTML 元素的一个三维构想。众 HTML 元素基于其元素属性按照优先级顺序占据这个空间。

其中,z-index 会影响这个层级的优先性

Author 回答者: haotie1990 (opens in a new tab)

有一个问题,z-index:999,是不是一定可以展示出来?

但是:

普通元素的层叠水平优先由层叠上下文决定,因此,层叠水平的比较只有在当前层叠上下文元素中才有意义