#层叠上下文

不同的上下文会根据优先级进行层叠

#层叠顺序

  • 大的在上,有 z-index 时
  • 后的在上,同一层叠水平时

#层叠条件

  • 文档根元素 html
  • absolute,fixed,sticky 定位
  • opacity 属性值小于 1 的元素

以下任意属性值不为 none 的元素:

  • transform
  • filter

#z-index

默认为 auto

#触发条件

  • position 的任意定位
  • flex 的子元素
  • grid 的子元素

#参考资料

MDN