【发布时间】:2012-11-14 16:35:19
【问题描述】:
我有一个独特的情况,我没有使用模式来显示一些选项,而是尝试使用一些 3D 变换来进行“翻转”运动,从而在视图的“背面”显示一些输入。
我创建了一个代码笔来显示功能和问题。
问题是当我翻转 div 时,我的背面表单的下半部分不可点击,就像它上面有一些我看不到的元素一样。正是底部的 50% 是不可编辑的,所以我猜测我的轮换方式是错误的。
【问题讨论】:
标签: html css transform css-transforms
我有一个独特的情况,我没有使用模式来显示一些选项,而是尝试使用一些 3D 变换来进行“翻转”运动,从而在视图的“背面”显示一些输入。
我创建了一个代码笔来显示功能和问题。
问题是当我翻转 div 时,我的背面表单的下半部分不可点击,就像它上面有一些我看不到的元素一样。正是底部的 50% 是不可编辑的,所以我猜测我的轮换方式是错误的。
【问题讨论】:
标签: html css transform css-transforms
我能够修复您的示例:http://codepen.io/MikeFielden/pen/haHrG
我最终所做的只是将您的 rotateX(180deg) 更改为 rotateX(-180deg),这似乎可以解决问题。至于为什么这样做,我不能说。可能是浏览器错误?
【讨论】: