过早地停止jQuery动画

Question

我正在尝试使用JQuery淡化和淡出透明的png.当然,它在Firefox中看起来很光滑,但在IE(7和8)中明显低于可接受的程度.这是IE的一个已知错误,不幸的是似乎没有太多的解决方法.

基本上我正在做的是在图像上放置一个半透明的白色矩形,使图像显示在"背景"中.我想顺利地做到这一点,那就是fadeIn的用武之地.然而,由于IE的bug,我不得不在图像上淡化一个完全不透明的白色矩形,让它不幸消失.虽然这看起来明显更好,并且几乎是我正在寻找的,但它仍然是不可接受的.用户需要能够在页面上看到一些图像,尽管在后台.

所以我的问题是:

有没有办法在动画制作75%的预期动画时间后停止fadeIn函数(或任何jquery动画)？

这将使我的图像75%混合白色矩形,我不必处理IE的令人讨厌的透明png bug.

谢谢!

Answer 1

您可以使用不透明图像,并将其不透明度设置为75%.

  $('#overlay').animate({
    opacity: 0.75
  }, 5000, function() {
    // Animation complete.
  });