CSS 最佳实践 + 套路（三） -- 堆叠上下文

条件 文档中的层叠上下文由满足以下任意一个条件的元素形成： 根元素（HTML） z-index 不为 auto 的 absolute/relative 一个 z-index 值不为 auto 的 flex 项目，即父元素 display: flex/inline-flex opacity 属性值小于 1 的元素 transform 属性不为 none 的元素 mix-blend-mode 属性值不

>>阅读原文<<