CSS RotateX 后无法点击链接或输入

Question

好的，我已经对这个问题做了一个小题大做。 http://plnkr.co/edit/CUkOlK

起初我虽然 zindex 搞砸了，但经过并查看它们之后它们似乎都很好，在 firebug 中将输入 zindex 更改为 9999 仍然没有，它是 rotateX 所做的还是我的 JavaScript 所做的。

Answer 1

您的问题是当您将 Z-Index 设置为 -1 时，它上面的任何东西都变得无法选择。我将其更改为 0 并且链接现在可以使用！

{LINE 73 style.css}

/* -- general styles, including Y axis rotation -- */
    .front {
        z-index: 0;
        width: inherit;
        height: inherit;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        /* -- transition is the magic sauce for animation -- */
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }