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

首先在html中，


    
我是最底层

    
我是倒数第二层

    
我是倒数最上层



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

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

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

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

相关

标签