jQuery,Animate opacity为1然后删除opacity属性,使其在IE上更好看

Question

我在所有浏览器中尝试了jQuery fadeIn动画,它运行良好,但在IE上却没有那么多.在附加CSS不透明度之后,Alpha png图像是如此令人毛骨悚然,但我有一个想法,我不知道如何使用jQuery实现它.

想法是淡化元素,当动画完成时,它将自动删除不透明度属性,以使图像质量更好.

怎么做？

注意:我使用的是Animate,而不是FadeIn.

谢谢

Answer 1

你可以这样做:

$(selector).animate({opacity: 1}, function() {
  $(this).get(0).style.removeAttribute('filter');
});

过滤器IE使用的是导致ClearType基本关闭的原因.淡化完成后删除该样式属性,如上面的代码,将ClearType恢复到正常工作状态.您还可以找到替代fadeIn(),fadeOut()和fadeTo()方法与此问题在这里处理:http://malsup.com/jquery/fadetest.html

Answer 2

如果使用jQuery设置不透明度(以0开头):

$(object).css("opacity", 0); 

然后在你淡入之后,你可以:

$(object).fadeIn("slow", function(){ 
    $(object).css("opacity", "");
});

因为上面的答案在IE <= 8中对我不起作用