0

我有这个代码：

<!--[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 谢谢

4

1 回答 1

7

IE10 及更高版本已删除对条件注释的支持。

换句话说，您的<!--[if !IE]><!-->代码将无法在 IE10 或更高版本中运行。没有变通办法。该功能已被删除。

问题是，为什么要让 IE 忽略这段代码？

如果您这样做是因为 IE 不支持您正在使用的功能，您需要知道它可能支持- IE10 支持大多数现代浏览器功能，包括transform并且您的翻转效果可能会与它。

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

于 2013-11-07T15:40:33.223 回答