jQuery：在 IE 中动画不透明度答案

【问题标题】：jQuery: Animating opacity in IEjQuery：在 IE 中动画不透明度
【发布时间】：2010-12-05 20:08:30
【问题描述】：

使用纯黑色的 div 淡出其下方的图像。在 Chrome 和 Firefox 中，这可以正常工作，但在 IE 中，它是倒退的。

$("div#bgcover").animate( {opacity:.70}, 2500);

这从 0% 的不透明度开始，随着时间的推移应该动画到 70%。但是在 IE 中，它会从 0% 跳到 100%，然后又逐渐回落到 70%。

正在寻找解决此问题的方法。谢谢。

【问题讨论】：

【解决方案1】：

在制作动画之前尝试将不透明度设置为零：

$("div#bgcover").css({ opacity: 0.0 }).animate( {opacity:.70}, 2500);

【讨论】：

【解决方案2】：

不透明度在 IE（旧版本）中不起作用。您需要为过滤器属性设置动画：

浏览器

var val = .7;
{filter: 'alpha(opacity = '+(val * 100)+')'}

【讨论】：

【解决方案3】：

在ie中我相信命令应该是alpha:.70

你可能需要写一个异常

【讨论】：