Javascript 使用jQuery在IE8中遇到fadeIn和fadeOut问题

这是我的网站：我很难弄明白为什么我的fadeIn、fadeOut和corner（）函数在IE8中不起作用。他们曾经工作过一段时间，但现在他们已经破产了，我一辈子也弄不明白。有人能看到什么会导致这里的问题吗

---

要了解我在说什么，如果你点击页面底部的“关于我们”链接，你应该会看到文本淡入。然后，如果你点击“为什么梦想婚礼组”，那么“关于我们”的文本应该会淡出，当它淡出时，你会看到新的文本。

我发现IE8在使用fadeIn时有着糟糕的性能，而fadeIn本身只有一个很小的图像或文本区域。我认为引擎基本上是非常糟糕的阿尔法混合！因为您试图使全屏图像淡入淡出，所以性能非常慢，以至于您看不到淡出的效果。在我的例子中，我看到CPU使用率在50%到100%之间，即使在功能相当强大的桌面上，有一个像样的图形卡。我的客户遇到了问题，因为每次这种淡入淡出（每5秒左右）时，正在播放的视频都会开始跳过，并且通常不稳定

我正在研究的另一个网站是，如果你将鼠标悬停在框上，你会看到一个描述也会使用fadeIn出现。如果您同时将鼠标悬停在所有框上，那么所有的描述都会同时出现和消失，所有的动画都会停止，CPU再次飞向天空

---

这真是一场噩梦，但在这个阶段，我建议不要在IE中使用任何alpha混合动画。所有这些情况下的共同主题似乎是混合发生在图像上。也许这就是问题所在，因为常见的jQuery示例和可能的测试/基准都倾向于关注基本场景，例如纯文本出现在纯背景测试上？

我也注意到了IE 8中的这种现象，尽管无论我的元素在上面浮动，这种现象似乎都会发生。我有一个空的4x4 px DIV，我在一个间隔内淡入淡出（间隔为400ms，然后是element.fadeIn（100）.fadeOut（500））来调试元素定位，它完全抹去了我的一个内核！我花了一段时间才弄明白为什么IE的CPU占用率一直高达50%，而Chrome和Firefox却几乎没出过一点汗——我想我在某个地方有一个恶意贪婪的循环，直到我扫描了我的时间间隔

---

启动IE和您的任务管理器，前往进行一次小测试。按CPU描述对正在运行的进程进行排序，并观察IE在每次测试中都会跃居榜首（在淡入+/-几百毫秒的持续时间内，我的1.2 GHz双核Intel SU2300的20-40+），即使是简单的文本段落！在Firefox或Chrome上运行相同的测试，我的使用率甚至没有达到10%。

嘿，我也遇到了同样的问题。我试图淡出IE图像，淡出一些新的内容，如：

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).next(".throb").fadeIn("slow");
  });
});

这不管用。但是法登是！因此，我猜测这是IE8（而不是IE7）耗尽的处理器，我只是将其更改为：

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).hide();
    $(this).next(".throb").fadeIn("slow");
  });
});

---

IE8用户也不会对动画产生额外的爱好

我对一堆绝对定位的div也有类似的问题。我想同时淡出和淡入一个。在FF/Safari中运行良好的代码在IE8中不起作用：fadeOut（）不会褪色，只有fadeIn（）。 我发现解决方案是使用CSS将要淡入的元素的z索引设置为位于堆栈顶部：

$('#fadeoutdiv').css({zIndex:90}).fadeOut(2000);
$('#fadeindiv').css({zIndex:99}).fadeIn(2000);