解決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中首次打開定位將正常顯示