css - <!--[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 不存在来尝试破解它。