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

时间:2010-04-17 05:54:32

标签: javascript jquery ajax internet-explorer-8 fadein

这是我的网站:http://www.dreamweddinggroup.com/redesign而且我很难理解为什么在神的名字中我的fadeIn,fadeOut和corner()函数在IE8中不起作用。他们工作了一段时间,但现在他们已经破了,我不能为我的生活搞清楚。任何人都可以在这里看到任何会导致问题的东西吗?

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

4 个答案:

答案 0 :(得分:1)

答案 1 :(得分:1)

我和一堆绝对定位的div有类似的问题。我想同时淡出一个并淡入一个。在FF / Safari中运行良好的代码在IE8中不起作用:fadeOut()不会淡化,只有fadeIn()。 我发现解决方案是使用CSS将要淡化的元素的z-index设置为堆栈的顶部:

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

答案 2 :(得分:0)

我发现IE8使用fadeIn本身只有一个小图像或文本区域会有很糟糕的表现。我认为引擎在alpha混合方面基本上非常糟糕!因为你试图淡化全屏图像,性能太慢,你只是看不到淡入淡出。在我的情况下,即使在具有相当显卡的相当强大的桌面上,我也看到CPU使用率达到50%到100%之间。我的客户遇到了问题,因为每次发生此淡入淡出(每5秒左右),同时播放的视频也会开始跳过并且通常不稳定。

我正在处理的另一个网站是http://www.urstreams.com,如果将鼠标悬停在框上,您会看到使用fadeIn显示的说明。如果你一次鼠标悬停在所有的盒子上,所以所有的描述都会同时出现和消失,所有的动画都会停止运转,CPU再次向天空发射。

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

答案 3 :(得分:0)

我也注意到了IE 8的这种现象,尽管无论我的元素浮在上面,它似乎都会出现。我有一个空的4x4 px 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双核Intel SU2300的20-40 +%,在淡入淡出的持续时间+/-几百ms),即使对于简单的文字款!在Firefox或Chrome中运行相同的测试甚至不会破坏我10%的使用率。