0

我有一个关键帧动画，我相信 IE 10 是唯一能够播放此动画的 IE 浏览器。如果浏览器是 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/

4

2 回答 2

1

使用条件注释来关闭动画。您需要使用 javascript 为 ie10 附加 cc，它应该如下所示： 

<!--[if !IE]><!-->  
<script> 
// detect ie10, attach class of ie10 to html element 
if(/*@cc_on!@*/false){document.documentElement.className+=' ie10';}  
</script>  
<!-->![endif]-->  
<style>  
.ie10 .animationclass{}  
</style>

您可以在此处查看要点：https
://gist.github.com/jalbertbowden/5174156 此处 的脚本工作演示：http: //dev.bowdenweb.com/ua/browsers/ie/ie10-detection-via-cc.html

于 2013-03-30T14:11:11.910 回答
0

我发现IE10 不再阅读条件注释。.

所以你可以使用jQuery：

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

或 JavaScript：

if(Function('/*@cc_on return document.documentMode===10@*/')()){
  document.documentElement.className ='';
}
于 2013-03-30T13:52:53.290 回答