点击色块翻转后,点击手机号按钮有一部分区域能正常触发事件,还有一部分触发的是背面登录按钮的事件,搞不懂是什么原理,折磨啊,大佬能否帮忙解决下?
代码片段:https://developers.weixin.qq.com/s/3Qw3MymC7WyH
----------------------------------------------------
又在MDN上找到一条解释:
transform-style: preserve-3d;
如果选择平面,元素的子元素将不会有 3D 的遮挡关系。
由于这个属性不会被继承,因此必须为元素的所有非叶子子元素设置它。
把最外层盒子里面的两个包裹的盒子加上了这个属性,问题解决了。有点意外,不过还是一脸懵.......
是transform-style这个属性的问题吗?有看过其他的解决方案,是单独设置两个box元素的翻转,然后事件响应正常,但是设置最外层的容器翻转就不行了,不清楚为啥