不工作

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支持大多数现代浏览器功能，包括{ {1}}你的翻转效果可能会很好用。

如果没有，那就意味着你做错了需要修复的事情，所以你应该处理它，而不是试图通过假装IE不存在来破解它。