今天碰到了一个css3效果在pc端和安卓端都正常，但是ios端无法正常显示的问题。经过排查后发现是css3的transform动画效果里面的translate3d和z-index冲突导致的。
z-index是设置元素显示层级的也相当于是个Z轴，translate3d的Z轴也是表示层级的。如果两个参数都设置了不等于0的数值，那么会以Z轴值为准。这就导致了z-index值的失效。
解决办法就是留一个就行了。个人建议如果那个translate3d效果没什么特别的话直接用translate控制X轴和Y轴就行了，Z轴的用处我暂时还没发现...
相关推荐
- 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
- zblog获取全部分类列表函数GetCategoryList的参数和使用方法介绍说明03-30
- emlog通过分类id获取指定分类的标题链接等数据03-20
- 小皮面板(phpstudy)提示No input file specified的原因和解决办法03-07
欢迎 你 发表评论: 取消回复
- 最新文章
- 热文排行
- 最多评论
- 1天兴用户中心插件“微信通知”功能设置教程11-09
- 2阿里云2024双11活动推荐 通过本站链接参与另外赠送本站代金券11-05
- 3天兴工作室官网购物活动：全场8折优惠券 不限次数不限金额04-17
- 4天兴工作室zblog纯博客主题 vue3+小程序双版本03-19
- 5vue3项目引入vant报错的错误原因和解决办法03-12
- 6天兴工作室zblog百科主题 可搭配会员插件实现知识付费盈利03-06
- 7zblog怎么截取指定字数的摘要？zblog摘要自定义截取方法介绍02-29
- 8天兴工作室2023双11活动：五折优惠券大放送11-05
- 9腾讯云2023双11活动：2H2G3M轻量服务器88一年限新用户11-05
- 标签聚合
- ×6双11×12023春节×1无限下拉加载×1zblog侧栏操作×1邮箱设置×1随机tag×1zblog文章数×1cpu占用100%×1ckplayer播放器×1zblogphp栏目文章×8阿里云优惠×2zblog调用×2seo优化×1纯css×1忘记密码×1无觅×1zblog搜索页面×1iis×4导航栏×1bxSlider参数
最新评论
-
11-09
阿浩 大佬们，丢几个除了作者以外的演示站，我想看看大家的布局设置 -
10-22 有趣生活 一直想开发zblog的功能，zblog的敷在不知道够够不够 -
10-16 访客 发布文章时候，那怎么改默认状态呢比如改成默认审核状态? -
09-14 访客 10万数据已经卡出翔 -
09-11 aimidongg 没有下载地址了？
鄂公网安备 42011102002962号