animate() 不适用于 IE 中的不透明度答案

【问题标题】：animate() not working for opacity in IEanimate() 不适用于 IE 中的不透明度
【发布时间】：2010-12-31 08:38:56
【问题描述】：

我正在尝试将 div 的动画从 100% 不透明度变为 40% 不透明度使用淡入淡出（）。我需要使用 animate()。

它在 chrome/FF/safari 中运行良好，但在 IE 中，不透明度没有动画，它只是在动画完成后更改为那个。发生在 IE 7 和 8 中。我正在这样做：

                .animate({
                    width: new_width,
                    top: new_top,
                    left: new_left,
                    padding: new_padding,
                    opacity: 0.4,
                    filter: "alpha(opacity=40)"
                },

...它只是没有为不透明度设置动画。有任何想法吗？

【问题讨论】：

标签： jquery jquery-animate opacity

【解决方案1】：

如果你只是删除filter: "alpha(opacity=40)" 它会起作用，opacity: 0.4 就是你所需要的...jQuery 在这里处理了跨浏览器的差异。所以你的动画调用只是：

.animate({
  width: new_width,
  top: new_top,
  left: new_left,
  padding: new_padding,
  opacity: 0.4
})

【讨论】：