Animate.CSS - 添加 IE 支持？答案

【问题标题】：Animate.CSS - Add IE Support?Animate.CSS - 添加 IE 支持？
【发布时间】：2023-03-04 20:48:02
【问题描述】：

我正在使用Animate.CSS，并且我正在使用“铰链”效果使图像从屏幕上掉下来。在 real 浏览器中效果很好，但在 IE 9 或更低版本中当然不行。有没有办法让这种效果与 jQuery 或 javascript 一起工作？还是我必须添加一个 jQuery 过渡来淡出图像？

谢谢！

代码：

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;
}

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

这是我创建的fiddle 显示动画效果。

【问题讨论】：

你应该联系 Github 中的开发人员报告这些问题，尽管很少有人会花时间解决旧版本 IE 中的 CSS3 错误。无论如何我都会考虑联系他们。
@FabrícioMatté - 会的，尽管我讨厌 IE，但不幸的是它不会很快消失。
你在 CSs 中的动画和铰链类在哪里
@refhat 检查小提琴资源中的 animate.css。 @Lynda，同样，网络开发人员花更多的时间来制作与 IE 兼容的东西，而不是实际开发新技术。我想特征检测或用户代理嗅探都适合淡出图像。我记得花了整整一夜试图让 IECSS3 Pie（它在 IE 上“启用”了一些 CSS3 东西）和很多 .htc 文件，它们非常肮脏的工作 - 淡出它会更干净。
即使使用 Pie，额外支持的功能也是 very few。可以肯定的是，编写一个新浏览器比使用 CSS3 功能制作 CSS 动画和在旧版本的 IE 中轻松工作更容易（除了非常基本的动画，没有 hinge 使用的 CSS translate 可以模仿'ed 与 jQuery）。没问题。 =]

标签： javascript jquery css jquery-animate animated

【解决方案1】：

虽然不如 Animate.CSS Hinge 效果那么流畅，但我最终使用 jQuery 使图像从屏幕上掉下来（很好地掉下来并淡出。）

我得到了 CoreyRS 的帮助，他的答案和方法可以在 here 找到。

【讨论】：