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に無視されたいのですが、そうではありません。jsfidle を作成しました: http://jsfiddle.net/567hx/ 何が間違っているのでしょうか? 私はIE10を持っています ありがとう

4

1 に答える 1

7

IE10 以降では、条件付きコメントのサポートが削除されました。

つまり、<!--[if !IE]><!-->コードは IE10 以降では機能しません。回避策はありません。この機能は削除されました。

問題は、なぜIE にこのコードを無視させたいのかということです。

IEが使用している機能をサポートしていないためにこれを行っている場合は、おそらくサポートしていることを知っておく必要があります.IE10は、最新のブラウザー機能の大部分をサポートしておりtransform、ロールオーバー効果はおそらくそれ。

そうでない場合は、修正が必要な問題が発生したことを意味するため、IE が存在しないふりをしてハッキングを試みるよりも、おそらくそれに対処する必要があります。

于 2013-11-07T15:40:33.223 に答える