我有一个独特的情况,我没有做一个模态来显示一些选项,而是尝试使用一些 3D 变换来进行“翻转”运动,该运动在视图的“背面”显示一些输入。
我创建了一个 codepen 来显示功能和问题。
问题是当我翻转 div 时,我的背面表单的下半部分不可点击,就像它上面有一些我看不到的元素一样。正是底部的 50% 是不可编辑的,所以我猜测我的轮换方式是错误的。
我有一个独特的情况,我没有做一个模态来显示一些选项,而是尝试使用一些 3D 变换来进行“翻转”运动,该运动在视图的“背面”显示一些输入。
我创建了一个 codepen 来显示功能和问题。
问题是当我翻转 div 时,我的背面表单的下半部分不可点击,就像它上面有一些我看不到的元素一样。正是底部的 50% 是不可编辑的,所以我猜测我的轮换方式是错误的。
我能够修复您的示例:http ://codepen.io/MikeFielden/pen/haHrG
我最终所做的只是将您的更改rotateX(180deg)
为rotateX(-180deg)
,这似乎可以清除它。至于为什么这样做,我不能说。也许是浏览器错误?