理解层叠上下文

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

我们假定用户正面向浏览器,而 HTML 元素沿着其相对于用户的一条虚构的 z 轴排开,层叠上下文就是对这些 HTML 元素的一个三维构想。
如果一个元素含有层叠上下文,那么这个元素就“高人一等”,网页中元素级别更高,离我们用户更近

什么是层叠水平(stacking level)?

层叠水平决定了同一个层叠上下文中元素在z轴上的显示顺序。
普通元素的层叠水平优先由层叠上下文决定,因此,层叠水平的比较只在当前层叠上下文元素中才有意义。

什么是层叠顺序(stacking order)?

表示元素发生层叠时候有着特定的垂直显示顺序。
层叠上下文、层叠水平是概念,而层叠顺序就是具体规则

处理层叠前提

层叠上下文可以包含在其他层叠上下文中,并且一起创建一个层叠上下文的层级。
每个层叠上下文都完全独立于它的兄弟元素:当处理层叠时只考虑子元素。
每个层叠上下文都是自包含的:当一个元素的内容发生层叠后,该元素将被作为整体在父级层叠上下文中按顺序进行层叠。

什么样的条件能使得一个元素具有层叠上下文?

对应条件形成的层叠上下文层叠顺序是怎样的?

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容