收藏
回答

卡片翻转后响应事件错误?

点击色块翻转后,点击手机号按钮有一部分区域能正常触发事件,还有一部分触发的是背面登录按钮的事件,搞不懂是什么原理,折磨啊,大佬能否帮忙解决下?


代码片段:https://developers.weixin.qq.com/s/3Qw3MymC7WyH


----------------------------------------------------

又在MDN上找到一条解释:

transform-style: preserve-3d;

如果选择平面,元素的子元素将不会有 3D 的遮挡关系。

由于这个属性不会被继承,因此必须为元素的所有非叶子子元素设置它。

把最外层盒子里面的两个包裹的盒子加上了这个属性,问题解决了。有点意外,不过还是一脸懵.......



最后一次编辑于  2022-04-16
回答关注问题邀请回答
收藏

1 个回答

  • 王**
    王**
    2022-04-16

    是transform-style这个属性的问题吗?有看过其他的解决方案,是单独设置两个box元素的翻转,然后事件响应正常,但是设置最外层的容器翻转就不行了,不清楚为啥

    2022-04-16
    有用
    回复
登录 后发表内容