jQuery在IE8上淡入淡出的速度非常缓慢

8

我正在使用jQuery cycle,并在该网站上使用淡入淡出效果:

http://www.lunatestsite.co.uk

轮播图使用Cycle,底部导航按钮悬停时使用淡入淡出效果。除IE8外,一切都很好,但是IE8的淡入淡出效果非常卡顿。

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

IE8 jQuery FadeTo

这似乎很难相信IE6可以正常实现,但最新版本的IE却失败了。我看到有人提到相对/绝对定位元素在淡入淡出时会出现问题,但这并不能解释浮动的轮播图。

是IE8不好,还是我的代码有问题?欢迎任何意见/想法!谢谢


"IE8是个问题,还是我的代码有问题?" ...你的代码没问题。我想我们都知道前者的答案。我在使用jQuery.cycle时在IE8中遇到了同样的问题。 - jay
2
顺便说一下,这个网站很不错。我喜欢它的设计。 - jay
谢谢Jeerose!只是在模仿父网站,但是很有趣的工作(当然,直到遇到IE为止 :) ) - luke
2个回答

4
这是您的照片背景。在IE8中用白色背景替换横幅部分,它将平滑地淡出,并确保将指向条件注释中的IE团队。编辑:似乎仅使横幅后面的背景变为白色不起作用。只有删除您拥有的背景IMG标记(而不是body background-image)才能获得平滑的过渡。编辑2:最终测试,将图片放入class="bg"的img标记中,作为普通块元素并使用background-image属性固定它也解决了问题。因此,我们可以得出结论,在IE8中,浮动图像的使用是不好的,应该使用一个正常的div来代替。如果您需要拉伸图像以适应页面,我们需要考虑另一个解决方案,或者只让IE8不要拉伸。

你能发一下你用的代码吗?我还是没搞定!谢谢!如果它不能伸展,那就这样吧。 - luke
啊,我的错,我把我的条件注释搞反了,只是过滤掉IE8中的那个<img>标签似乎就可以解决问题了。不用担心图片拉伸的问题。 谢谢F. Aquino! - luke

1

看起来这是IE 8的问题,因为我在我的某个系统上遇到了类似的行为。我决定使用不同的动画,这在我的情况下没有问题。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接