今天碰到了一个css3效果在pc端和安卓端都正常，但是ios端无法正常显示的问题。经过排查后发现是css3的transform动画效果里面的translate3d和z-index冲突导致的。
z-index是设置元素显示层级的也相当于是个Z轴，translate3d的Z轴也是表示层级的。如果两个参数都设置了不等于0的数值，那么会以Z轴值为准。这就导致了z-index值的失效。
解决办法就是留一个就行了。个人建议如果那个translate3d效果没什么特别的话直接用translate控制X轴和Y轴就行了，Z轴的用处我暂时还没发现...
相关推荐
- translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 用腾讯企业邮做为邮件服务器来发送通知邮件的操作步骤09-18
- zblog搜索为什么不太准？zblog搜索的调用逻辑04-30
- 宝塔面板安装php失败：提示No package 'libjpeg' found的解决办法04-03
- zblog首页/分类/内容页标题副标题等seo标签详解03-17
- qlv视频怎么转码？腾讯视频如何直接下载mp4视频？03-10
- phpmyadmin导出数据库时报错：Fatal error:Cannot 'break' 2 levels in02-13
- 宝塔面板和云锁冲突导致Nginx或者Apache无法安装 01-15
- swf文件做背景时自适应宽高的解决办法10-10
- zblog会员可以上传图片的权限设置详细步骤10-06
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1zblog判断插件是否安装或者启用的代码介绍01-16
- 2translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 3zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 4zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 5wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 6swiper做导航栏时自动跳转至对应分类的代码12-07
- 7zblogphp自带js框架评论接口大全12-04
- 8wordpress提示"Error establishing a database connection"的解决办法11-10
- 9诈尸？dedecms发新版了！DedeCMSV6正式发布 dedecms最新版下载11-03
- 标签聚合
- ×1长途一费制×1zblogphp企业主题×1放暑假×1情人节×1联动类别×1响应式导航栏×1恢复模式×1子分类列表×1微信二维码×1扒皮×1劳动节×1zblog如何添加广告位×1国际漫游×1上一篇×1zblog注册功能×1武汉三乱×1Galaxy SⅢ×1上网流量×109版轻松卡×1校园WLAN
最新评论
-
12-23
吸料机 已经解决 -
12-23
xinling2020.com 我今天在路上还在想我的个人博客要是写到1W文章数量会不会崩，看到这几十万我就放心了。这辈子也不可能有这样的数据~！哈哈 -
12-22 访客 不知道百度**收录怎么样 -
12-06
天兴工作室 这玩意你看下php手册啊https://www.php.net/manual/zh/function.date.php，m就是星期几 -
12-05
风羽 PHP版没有直接的星期几哦，找了好久没有，只能用JS转换~
鄂公网安备 42011102002962号