注册 登录 提供zblog模板_zblog主题_wordpress模板的下载和定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:首页 > 教程 正文

translate3d和z-index冲突导致z-inde值无效的解决办法

天兴工作室 2021-01-10 教程 1012 ℃ 0 评论

今天碰到了一个css3效果在pc端和安卓端都正常,但是ios端无法正常显示的问题。经过排查后发现是css3的transform动画效果里面的translate3d和z-index冲突导致的。

1.png

z-index是设置元素显示层级的也相当于是个Z轴,translate3d的Z轴也是表示层级的。如果两个参数都设置了不等于0的数值,那么会以Z轴值为准。这就导致了z-index值的失效。

解决办法就是留一个就行了。个人建议如果那个translate3d效果没什么特别的话直接用translate控制X轴和Y轴就行了,Z轴的用处我暂时还没发现...

这么好的文章居然暂无评论!来一个吧...

欢迎 发表评论

这是标题

这是标题

这是标题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

微信公众号
  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章