css - アニメーションが IE でのみ表示されないようにする方法は?

Question

キーフレーム アニメーションがあり、このアニメーションを再生できる IE ブラウザは IE 10 だけだと思います。ブラウザが IE の場合にこのアニメーションを削除し、それ以外の場合 (Chrome、Safari、FireFox) を保持するにはどうすればよいですか?

アニメーションは次のようになります。

// Animations
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in { 
    opacity: 0; 
    -webkit-animation: fadeIn ease-in 1; 
    -moz-animation: fadeIn ease-in 1; 
    animation: fadeIn ease-in 1; 
    -webkit-animation-fill-mode: forwards; 
    -moz-animation-fill-mode: forwards; 
    animation-fill-mode: forwards; 
    -webkit-animation-duration: .5s; 
    -moz-animation-duration: .5s; 
    animation-duration: .5s;
}
.fade-in.one { 
    -webkit-animation-delay: 0.5s; 
    -moz-animation-delay: 0.5s; 
    animation-delay: 0.5s;
}
.fade-in.two { 
    -webkit-animation-delay: 1.2s; 
    -moz-animation-delay: 1.2s; 
    animation-delay: 1.2s;
}

フィドル http://jsfiddle.net/mkerny45/6yYC9/

Answer 1

IE10 が条件付きコメントを読み取らないことがわかりました。.

jQueryを使用できます：

if ($.browser.msie && $.browser.version == 10) {
  $("html").removeClass("someClass");
}

または JavaScript:

if(Function('/*@cc_on return document.documentMode===10@*/')()){
  document.documentElement.className ='';
}