Animate.CSS - 添加IE浏览器的支持？ [英] Animate.CSS - Add IE Support?

问题描述

我使用 Animate.CSS 和我使用的铰链效应有一个形象脱落屏幕。在的真正的浏览器上运行很好，但当然不是在IE 9或更低。有没有一种方法，使与jQuery或JavaScript这种影响工作？或将我要补充一个jQuery过渡褪色的形象呢？

I am using Animate.CSS and I am using the "hinge" effect to have an image fall off the screen. Works great in real browsers but of course not in IE 9 or below. Is there a way to make this effect work with jQuery or javascript? Or will I have to add a jQuery transition to fade the image out?

谢谢！

code：

HTML

<img id="animate" class="fear" src="/2012/images/september/fear-sign.png" />

CSS

.fear{
     position:absolute;
     left:150px;
     top:0px;
}

#animate {
    -moz-animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}

JS

var $j = jQuery.noConflict();
$j(document).ready(function() {
    $j('#animate').addClass('animated hinge');
});

下面是一个小提琴我创造出动画效果。

Here is a fiddle I created showing the animation effect.

推荐答案

虽然并不顺利的Animate.CSS铰链影响我结束了使用jQuery使图像脱落的画面（也下降，淡出。）

While not as smooth as the Animate.CSS Hinge effect I ended up using jQuery to make the image fall off the screen (well fall and fade out.)

我从CoreyRS的帮助，他的答案和方法，可以发现<一个href=\"http://stackoverflow.com/questions/12233752/create-a-falling-div-that-works-in-ie#answer-12233902\">here.

I had help from CoreyRS and his answer and method can be found here.

这篇关于Animate.CSS - 添加IE浏览器的支持？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！