z-index作用
z-index属性用于控制定位元素的堆叠顺序，数值越大的元素优先显示。且元素的position属性值必须为relative absolute fixed之一，
z-index失效
- 元素不是定位元素
元素的position属性值必须为relative absolute fixed之一， - 元素在设置z-index的同时还设置了float浮动。解决：float去除，改为display：inline-block；
- 父元素position为relative时，子元素的z-index失效。解决：父元素position改为absolute或static；
- 在手机端 iOS 13 系统中，-webkit-overflow-scrolling:touch 也会使 z-index 失效，将 touch 换成 unset
- 元素的opacity属性值小于1
如果元素的opacity属性值小于1，那么z-index属性值也可能会失效，因为不透明度值低的元素会被认为是在堆叠上面，而实际上它们可能被其他元素遮盖住 - 元素没有设置背景
如果元素没有背景，z-index属性的设置也可能会失效，因为背景元素可能会覆盖元素。
总结：大功告成✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️
参考链接：