html - CSS3 旋转/变换奇怪的问题

标签 html css transform css-transforms

我有一个独特的情况,而不是做一个模式来显示一些选项,我试图使用一些 3D 转换来进行“翻转” Action ,在 View 的“背面”显示一些输入。

我创建了一个代码笔来展示功能和问题。

问题是,当我翻转 div 时,背面表单的下半部分不可点击,几乎就像它上面有一些我看不到的元素一样。正是底部的 50% 不可编辑,所以我猜我的轮换方式有问题。

http://codepen.io/CollinEstes/pen/qcwhd

最佳答案

我能够修复您的示例:http://codepen.io/MikeFielden/pen/haHrG

我最后所做的只是将您的 rotateX(180deg) 更改为 rotateX(-180deg) 并且这似乎清除了它。至于为什么这样做我不能说。可能是浏览器错误?

关于html - CSS3 旋转/变换奇怪的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13383060/

相关文章:

php - 创建动态 jQuery SlideToggle div,通过 Google Analytics 跟踪点击次数

javascript - 如何将 svg 组或异物正确定位到 d3 地球上?

javascript - 如何使用 HTML 5's localstorage with Jquery' s select2 插件

html - 如何在 anchor 标签之间添加空格?

css - 为什么2.8em除以1.2?

wpf - "Genie"XAML中的动画效果

python - 使用 Scipy 对分辨率不均匀的 3D 图像进行仿射变换的行为

html - 如何旋转文本并将其放入 Bootstrap 列?

html - 页脚下方神秘的白色间隙

javascript - 手机网站滑动菜单默认不隐藏,可滚动