678PDF
首页
软件
博客
工具箱
注册
登录
博客
›
bg7zag 的博客
›
解决iPhone中z-index无效问题
解决iPhone中z-index无效问题
bg7zag
2026-09-17 14:46
📁 程序开发
👁 2
CSS
iPhone
preserve-3d
transform-style
translateZ
1. 首先在出现层级问题的元素上,z-index的大小通过translateZ来设置层级关系:
transform: translateZ(自身z-index的数值px)
> 原先的z-index最好继续保留,因为还要考虑到非IOS用户
2. 然后在父元素上添加:
transform-style: preserve-3d; // 父元素必须加这个
> 方案来自:苹果手机 z-index 失效
评论(0)
暂无评论
登录
后发表评论