堆叠上下文(stack context)
是一块区域,这块区域由元素创建 它规定了该区域中的内容在z轴上排列的先后顺序
创建堆叠上下文的元素
html
设置了z-index数值的定位元素(非auto)数值的元素
同一个堆叠上下文在z轴上的排列
从后到前的排列
创建堆叠上下的元素背景和边框
堆叠上下文z-index为负数
常规流非定位的块盒
非定位的浮动盒子
常规流非定位的行盒
任何z-index为auto或者为0的堆叠上下文
z-index为正数
每个堆叠上下文,独立于其他的堆叠上下文,他们之间不能相互穿插