z-index 设得很大还是不生效，先看层叠上下文

z-index 只在同一个层叠上下文内比较，父级一旦形成新的上下文，子元素设多大都压不过外面。

常见触发源有 transform、filter、opacity 小于 1，以及 position 非 static 又带 z-index。

排查时沿祖先链找到第一个建上下文的元素，把它移出那个容器，或者直接调父元素的层级。

/* 这些属性会新建层叠上下文 */
.parent{ transform: translateZ(0); opacity: .99 }
/* 只有同级之间比 z-index 才有意义 */
.a{ position: relative; z-index: 1 }