z-index常见误区有哪些

忽略父元素的 z-index： z-index 属性只对具有定位属性（position 不是 static）的元素有效，如果父元素没有设置定位属性，则子元素设置 z-index 是无效的。

z-index 只对同一层级的元素有效： z-index 属性是用来控制元素在同一层级上的层叠顺序的，如果想要控制不同层级元素的层叠顺序，则需要使用更高级别的层级（如设置父元素的 z-index）。

z-index 值为负数： z-index 的值可以为负数，但是会导致混淆和难以维护，应该尽量避免使用负数值。

z-index 与浮动元素：浮动元素会脱离文档流，不受 z-index 控制，如果想要控制浮动元素的层叠顺序，可以使用定位属性来实现。

z-index 与 opacity：当一个元素设置了 opacity 透明度时，其 z-index 属性也会失效，不会影响元素的层叠顺序。