什么是层叠上下文(stacking text)
我们假定用户正面向浏览器,而 HTML 元素沿着其相对于用户的一条虚构的 z 轴排开,层叠上下文就是对这些 HTML 元素的一个三维构想。
如果一个元素含有层叠上下文,那么这个元素就“高人一等”,网页中元素级别更高,离我们用户更近
什么是层叠水平(stacking level)?
层叠水平决定了同一个层叠上下文中元素在z轴上的显示顺序。
普通元素的层叠水平优先由层叠上下文决定,因此,层叠水平的比较只在当前层叠上下文元素中才有意义。
什么是层叠顺序(stacking order)?
表示元素发生层叠时候有着特定的垂直显示顺序。
层叠上下文、层叠水平是概念,而层叠顺序就是具体规则
处理层叠前提
层叠上下文可以包含在其他层叠上下文中,并且一起创建一个层叠上下文的层级。
每个层叠上下文都完全独立于它的兄弟元素:当处理层叠时只考虑子元素。
每个层叠上下文都是自包含的:当一个元素的内容发生层叠后,该元素将被作为整体在父级层叠上下文中按顺序进行层叠。