背面可见性禁用表单控件

【问题标题】：Backface visibility disabling form controls背面可见性禁用表单控件
【发布时间】：2014-03-22 09:58:26
【问题描述】：

我一直在做一个项目，我必须开发一个看起来像这样的网页
http://cdpn.io/jkCqI
虽然它在 FireFox 上运行良好，但我面临的唯一问题是该网页的表单控件在 Google Chrome 中不起作用。我怀疑这是

的问题

   backface-visibility

或类似的东西。
谁能帮我解决这个问题？如何纠正这个问题？

【问题讨论】：

【解决方案1】：

这是 Chrome 中的常见问题，相当于 3D 中的 z-index 定位，即 z 变换。

试试

.back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg) translateZ(1px);  // added translateZ 
}

它会起作用的

【讨论】：