什么是“层叠上下文”?Stackingcontext是HTML中的三维概念。在CSS2.1规范中,每个盒子模型的位置都是三维的,分别是平面画布上的X轴、Y轴,Z轴代表堆栈。一般情况下,元素在页面上是沿X轴和Y轴平铺的,我们无法感知它们在Z轴上的级联关系。并且一旦元素堆叠起来,可以发现一个元素可能覆盖另一个元素,或者被另一个元素覆盖。Whatis"stackinglevel"堆叠层级(stackinglevel,也叫“堆叠层级”/“堆叠层级”)在同一个堆叠上下文中,它描述和定义了堆叠上下文中的元素在Z轴上下顺序.在其他普通元素中,它描述和定义了这些普通元素在Z轴上的顺序。z-inx为正>z-index为0>内联元素>浮动元素>块级元素>z-index为负>bk/border堆叠顺序图:(在同一个堆叠上下文中,堆叠顺序有意义)示例:
