css - 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;
    }