背面可见性禁用表单控件

Question

我一直致力于一个项目，我必须开发一个看起来像这样的网页
http://cdpn.io/jkCqI
虽然它适用于FireFox，但我遇到的唯一问题是此网页的表单控件在Google Chrome中不起作用。

我怀疑这是一个问题

   backface-visibility

或类似的东西。
有人可以帮我这个吗？如何纠正这个？

Answer 1

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

尝试

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

它会起作用