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

时间:2009-12-31 07:28:31

标签: jquery jquery-animate opacity

我正在尝试将div从100%不透明度设置为40%不透明度 使用fadeTo()。我需要使用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)"
                },

......它只是没有动画不透明度。有任何想法吗?

1 个答案:

答案 0 :(得分: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
})