+-
一个关于css的问题,iOS层级失效怎么办
首页 专栏 html 文章详情
0

一个关于css的问题,iOS层级失效怎么办

一dou米 发布于 3 月 8 日

前几天做了一个长图H5,长按按钮移动画面。结果做完测试的时候发现iOS下按钮按下后消失了。审查元素发现它跑到了其他图片的下面,被盖住了,WTF...。看了看z-index,一千多不应该被盖住吧,但是无论怎么调它都出不来,只要点击立刻消失。

哪怕把他挪到最外层还是不行。。。。。。

最后只能疯狂百度,发现也有其他同学遇到过,解决方案就是加上这么一句

-webkit-transform:translateZ(1px);
-moz-transform:translateZ(1px);
-o-transform:translateZ(1px);
transform:translateZ(1px);

原因是什么不知道,但是问题真的解决了。

淦!

css html
阅读 29 更新于 3 月 8 日
收藏
分享
本作品系原创, 采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议
avatar
一dou米

差不多也就是个小白吧

3 声望
0 粉丝
关注作者
0 条评论
得票 时间
提交评论
avatar
一dou米

差不多也就是个小白吧

3 声望
0 粉丝
关注作者
宣传栏
目录

前几天做了一个长图H5,长按按钮移动画面。结果做完测试的时候发现iOS下按钮按下后消失了。审查元素发现它跑到了其他图片的下面,被盖住了,WTF...。看了看z-index,一千多不应该被盖住吧,但是无论怎么调它都出不来,只要点击立刻消失。

哪怕把他挪到最外层还是不行。。。。。。

最后只能疯狂百度,发现也有其他同学遇到过,解决方案就是加上这么一句

-webkit-transform:translateZ(1px);
-moz-transform:translateZ(1px);
-o-transform:translateZ(1px);
transform:translateZ(1px);

原因是什么不知道,但是问题真的解决了。

淦!