堆叠上下文|stack context

如何创建堆叠上下文(stack context)

  1. 根元素html
  2. z-index值不为auto的定位元素

排列顺序是怎样的?

前(人眼先看到的)> 后

  1. 堆叠级别为正值的堆叠上下文
  2. 任何 z-index 是 auto 的定位子元素,以及 z-index 是 0 的堆叠上下文
  3. 常规流非定位行盒
  4. 非定位的浮动盒子
  5. 常规流非定位的块盒
  6. 堆叠级别为负值的堆叠上下文
  7. 堆叠上下文的元素的背景和边框

实例
堆叠上下文|stack context