解决z-index 在 ios中层级定位无效方法

首先在html中，

<div class="box">
    <div class="div1">我是最底层</div>
    <div class="div2">我是倒数第二层</div>
    <div class="div3">我是倒数最上层</div>
</div>

如上边代码顺序，如果谁的定位在最上边，html中就要把该标签放到最下边
并且在css中

.div2 {
   z-index: 2; /*这是给正常浏览器显示定位标识的*/
   transform: translateZ(1000px); /*这是解决IOS打开页面定位无效方式的， 3d变换中的移动，z中的正方向面向用户,值越大，越靠近用户。*/
}

.div3 {
   z-index: 3; /*这是给正常浏览器显示定位标识的*/
   transform: translateZ(1000px); /*这是解决IOS打开页面定位无效方式的， 3d变换中的移动，z中的正方向面向用户,值越大，越靠近用户。*/

}

亲测有效。至此，html5页面在IOS中首次打开定位将正常显示