jQuery：在 IE 中动画不透明度

Posted 2023-03-06

技术标签:

【中文标题】jQuery：在 IE 中动画不透明度【英文标题】：jQuery: Animating opacity in 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

你可能需要写一个异常

【讨论】：

以上是关于jQuery：在 IE 中动画不透明度的主要内容，如果未能解决你的问题，请参考以下文章