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

这是我的网站：http://www.dreamweddinggroup.com/redesign我想知道为什么上帝命名我的fadeIn，fadeOut和corner（）函数不能在IE8。他们工作一段时间，但现在他们已经破产，我不能为我的生活弄清楚。任何人都可以看到任何会导致问题的东西吗？使用jQuery在IE8中使用fadeIn和fadeOut时遇到问题

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

来源

2010-04-17 TheDelChop

嘿，我有同样的麻烦。我试图淡出一个IE图像和淡入淡出像这样的新东西：

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

这是不工作。但是FadeIn！因此猜测，这是处理器过得去IE8（不IE7）吃掉了，我只是把它改成这样：

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

和IE8用户不会获得额外的热爱动画。

来源

2010-07-26 13:39:13 Trip

我发现使用淡入淡出的IE8性能很差，只有一小块图像或文本区域。我认为引擎在alpha混合上基本上很糟糕！由于您试图淡入全屏图像，因此表现太慢，以至于看不到淡入淡出。就我而言，即使在相当强大的台式机上使用体面的显卡，我也看到CPU使用率在50％到100％之间。我的客户遇到了问题，因为每次发生这种淡入淡出（每5秒钟左右），同时播放的视频开始跳过并且通常不稳定。

我正在处理的另一个网站是http://www.urstreams.com，如果您将鼠标悬停在这些框上，您将看到使用fadeIn显示的描述。如果你一次把鼠标放在所有的盒子上，所有的描述都在同时出现和消失，所有的动画都会停下来，CPU再次向上飞行。

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

来源

2010-05-05 11:19:57

我也注意到IE8的这种现象，尽管它似乎发生在我以上的元素上面。我有一个空的4x4像素DIV，我在间隔（间隔时间为400ms，然后是element.fadeIn（100）.fadeOut（500））淡入淡出来调试元素的位置，它完全消除了我的一个核心！我花了一段时间才弄清楚为什么IE浏览器总是击中50％的CPU，而Chrome和Firefox几乎没有出汗 - 我想我有一个流氓贪婪的循环，直到我扫描我的时间间隔。

启动IE和您的任务管理器，然后转到http://www.hv-designs.co.uk/tutorials/jquery/all.html进行一些测试。通过CPU desc对运行进程进行排序，并在每次测试中观察IE达到顶峰（在我的1.2 GHz双核英特尔SU2300持续衰减+/-几百毫秒时为20-40％），即使对于简单的文字段落！在Firefox或Chrome中运行相同的测试甚至不会为我占用10％的使用量。

来源

2010-07-16 00:59:58

我有一堆绝对定位的div类似的问题。我想同时淡出和淡入其中。在FF/Safari中正常工作的代码在IE8中不起作用：fadeOut（）不会淡入淡出，只有淡入淡出（）。我发现解决方案是使用CSS设置要淡入的元素的z-index位于堆栈顶部：

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

来源

2010-10-19 12:52:26 Alistair

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

回答

相关问题