ios 屏幕滑动时z-index失效问题(android不会出现)

问题描述：

为一块区域设置z-index值，让它在上面；如A区域是2，B区域z-index:3，A和B区域有部分重叠

在android上运行时没有问题，但在ios上会出现一个问题：上下滑动的时候，发现A区域和B区域的重叠部分上面为A了

 

原因：

ios系统，当滑动屏幕时，z-index失效了，因此导致A-B区域重叠处B被遮挡了

 

解决办法：

添加如下：-webkit-transform属性允许我们对元素进行旋转、缩放、移动或倾斜，这里是进行移动，但距离都是0，即可解决问题

原因暂时不明，记录一下该问题的解决办法

-webkit-transform: translate3d(0,0,0);/*解决ios上滑动时，z-index失效问题*/