热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

CSSRotateX无法点击链接或输入-AfterCSSRotateXcan'tclickonlinksorinputs

Alright,Ivemadeaplunkerabouttheproblem.http:plnkr.coeditCUkOlK好吧,我已经找到了关于这个问题的人。http:

Alright, I've made a plunker about the problem. http://plnkr.co/edit/CUkOlK

好吧,我已经找到了关于这个问题的人。 http://plnkr.co/edit/CUkOlK

At first I though zindex was messed up but after going through and looking at them they all seem fine, changed the input zindex to 9999 in firebug and still nothing, is it something that rotateX does or is it my Javascript.

起初我虽然zindex搞砸了,但经过并看着它们看起来都很好,在firebug中将输入zindex更改为9999但仍然没有,是rotateX做的还是我的Javascript。

1 个解决方案

#1


2  

Your Problem Is When You Set A Z-Index to -1 Anything On It Becomes Unselectable. I Changed It To 0 And Links Now Work!

您的问题是当您将Z-Index设置为-1时,它上面的任何内容都变得无法选择。我将其更改为0并且链接现在正常工作!

{LINE 73 style.css}

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

推荐阅读
author-avatar
手机用户2502938015
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有