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

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

1 个答案: