z-index为什么总是不启作用？

Question

z-index总是达不到效果，对层这块总是无法用z-index搞定，求指教

Answer 1

z-index 生效前提是设置了position
如何父盒子的层级低, 子盒子的z-index设置多少都不会效果

Answer 2

元素 position 属性为 static 时，z-index 属性是不会生效的，所以可以把 position 改成非静态的其他定位方式。
另外就是 z-index 是有 “层级” 的，具体可以参考社区的这篇文章 👉 理解 CSS 的 z-index 属性

Answer 3

首先需要设置元素的 position 属性为非 static 值，并正确使用 z-index 属性，即可控制元素的层叠顺序。