<! - [if!IE]> <! - >不工作

Question

我有这个代码:

<!--[if !IE]><!-->

.roll-link {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    perspective: 600px;
    perspective-origin: 50% 50%;
}
a{text-decoration: none;}
.roll-link span {
    display: block;
    position: relative;
    padding: 0px 2px;
    transition: all 400ms ease 0s;
    transform-origin: 50% 0% 0px;
    -webkit-transform-origin: 50% 0% 0px;
    -o-transform-origin: 50% 0% 0px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;

    }
.roll-link:hover {
    text-decoration: none;
}
.roll-link:hover span {
    background: none repeat scroll 0% 0% #007B8C;
    transform: translate3d(0px, 0px, -30px) rotateX(90deg);
    -webkit-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
    -o-transform: translate3d(0px, 0px, -30px) rotateX(90deg);
}

<!--<![endif]-->

我想被IE忽略,但事实并非如此.我做了一个jsffidle:http://jsfiddle.net/567hx/ 我做错了什么？我有IE10谢谢

Answer 1

IE10及更高版本已取消对条件评论的支持.

换句话说,您的<!--[if !IE]><!-->代码将无法在IE10或更高版本中运行.没有解决方法.该功能已被删除.

问题是,为什么你想让IE忽略这段代码？

如果你这样做是因为IE不支持你正在使用的功能,你需要知道它可能会 - IE10支持大多数现代浏览器功能,包括transform你的翻转效果可能会很好用它.

如果没有,那么这意味着你做错了需要修复,所以你应该处理它而不是试图通过假装IE不存在来破解它.