今天碰到了一个css3效果在pc端和安卓端都正常，但是ios端无法正常显示的问题。经过排查后发现是css3的transform动画效果里面的translate3d和z-index冲突导致的。
z-index是设置元素显示层级的也相当于是个Z轴，translate3d的Z轴也是表示层级的。如果两个参数都设置了不等于0的数值，那么会以Z轴值为准。这就导致了z-index值的失效。
解决办法就是留一个就行了。个人建议如果那个translate3d效果没什么特别的话直接用translate控制X轴和Y轴就行了，Z轴的用处我暂时还没发现...
相关推荐
- 支付宝支付后异步通知页面提示”支付签名校验失败，请联系管理员！“的原因和解决方法05-08
- zblog登录后台一直提示验证码错误的原因和解决方法03-01
- zblog使用api提交post数据提示419错误的原因和解决方法02-23
- vue3项目引入vant报错的错误原因和解决办法03-12
- zblog怎么截取指定字数的摘要？zblog摘要自定义截取方法介绍02-29
- 微信支付JSPAI调起支付后提示“该订单已过期,请重新下单”的解决办法06-11
- 宝塔一键迁移提示“连接服务器失败”的原因和解决办法05-16
- 微信小程序报错：operateWXDataForAd:fail的原因和解决办法05-14
- php保存添加bom头的txt文件和读取时去除txt的bom头05-02
- 小程序使用mp-html组件后输出空白的原因和解决办法04-08
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1支付宝支付后异步通知页面提示”支付签名校验失败，请联系管理员！“的原因和解决方法05-08
- 2阿里云oss配置项获取步骤截图，包含ID和Secret、区域节点Endpoint、存储空间Bucket和资源访问域名04-14
- 3zblog登录后台一直提示验证码错误的原因和解决方法03-01
- 4zblog使用api提交post数据提示419错误的原因和解决方法02-23
- 5天兴工作室2025年春节放假公告01-25
- 6天兴用户中心插件“微信通知”功能设置教程11-09
- 7阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 8天兴工作室官网购物活动：全场8折优惠券 不限次数不限金额04-17
- 9天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 标签聚合
- ×1zblogphp栏目文章×1剑侠三×12023×1video++×1php.ini×2友荐×1调试模式×2zblog问答×1主题×1导航高亮×1php7.0×1大红企业主题×1zblog大气企业模板×1博客样式×2emlog教程×1用户别名×1自适应后台×1一排两个×1你的用户名不存在×1zblogasp版ytcms
最新评论
-
02-08
天兴工作室 并没有任何限制 -
02-08 访客 请问 zblog淘客主题 对使用者的要求是必须是企业吧？ -
11-09 阿浩 大佬们，丢几个除了作者以外的演示站，我想看看大家的布局设置 -
10-22 有趣生活 一直想开发zblog的功能，zblog的敷在不知道够够不够 -
10-16 访客 发布文章时候，那怎么改默认状态呢比如改成默认审核状态?
鄂公网安备 42011102002962号