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

Question

好的，我已经解决了这个问题。 http://plnkr.co/edit/CUkOlK

一开始我以为 zindex 搞砸了，但在浏览并查看它们之后它们看起来都很好，在 firebug 中将输入 zindex 更改为 9999 但仍然没有，这是 rotateX 做的事情还是我的 JavaScript。

Answer 1

您的问题是当您将 Z-Index 设置为 -1 时，它上面的任何内容都变得不可选择。我将其更改为 0，链接现在可以使用了!

{LINE 73 样式.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;
    }