2010-02-18 67 views
8

十分缓慢,我使用jQuery周期,也是一个淡入/淡出在这个网站:jQuery的消失在IE8

http://www.lunatestsite.co.uk

周期为旗帜,淡出悬停在底部的导航按钮。除了IE8之外,所有的东西都非常好用,但IE8有着令人难以置信的快速消失。

存在具有动画透明度的不同方法IE8提到:

IE8 jQuery FadeTo

这似乎很难相信IE6实现这个不错,但最新和最伟大失败。我已经看到提及相对/绝对位置的元素有淡化问题,但这并不能解释浮动的横幅。

是否IE8吸,或我的代码?任何意见/想法感激地欢迎!谢谢

+0

“是否IE8吸,或我的代码?”...你的代码是好的。我想我们都知道前者的答案。我在使用jQuery.cycle的IE8中遇到了同样的问题。 – jay 2010-02-18 20:14:25

+2

不错的网站。爱设计。 – jay 2010-02-18 20:18:39

+0

谢谢jeerose!只是模拟父站点真的但很好玩的工作(直到它到了IE当然:)) – luke 2010-02-18 21:07:10

回答

4

它的你的照片背景。用IE8的白色背景替换横幅部分,它会平滑地淡化,并确保您将手指发送到条件注释中的IE小组。

编辑:看来只有在横幅背后的bg白色不会这样做。编辑2:最终测试,将图像放在class =“bg”img标记中,作为具有背景的普通块元素图像也修复了它。所以我们可以得出这样的结论:在后台使用浮动图像对于IE8是不利的,请使用带背景IMO的普通div。如果您需要拉伸图片以适应页面,我们需要考虑另一种解决方案,或者只让IE8伸展。

+0

你可以发布你使用的代码?我没有得到它仍然工作!谢谢!如果它不伸展,那就这样吧。 – luke 2010-02-18 20:53:46

+0

啊,我的坏,有条件的评论错了,只是过滤,远离IE8 似乎工作。不担心图像拉伸。 谢谢F.阿基诺! – luke 2010-02-18 21:06:25

1

它看起来好像它在IE 8上存在问题,因为我的系统中有一个类似的行为。我决定使用不同的动画,在我的情况下是没有问题的。