1. 首先在出现层级问题的元素上,z-index的大小通过translateZ来设置层级关系:

transform: translateZ(自身z-index的数值px)


> 原先的z-index最好继续保留,因为还要考虑到非IOS用户
2. 然后在父元素上添加:

transform-style: preserve-3d; // 父元素必须加这个


> 方案来自:苹果手机 z-index 失效