我在这个网站上使用 jQuery 循环和淡入/淡出:
横幅循环,悬停时淡出底部导航按钮。除了 IE8 之外,一切都是桃色的,但 IE8 的淡入淡出令人难以置信。
有人提到 IE8 有一种不同的动画透明度方法:
似乎很难相信 IE6 能做到这么好,但最新最好的却失败了。我见过提到相对/绝对定位元素存在淡入淡出问题,但这并不能解释 float 横幅。
是 IE8 很糟糕,还是我的代码很糟糕?任何意见/想法都非常欢迎!谢谢
最佳答案
它是你的照片背景。将 IE8 的横幅部分替换为白色背景,它将平滑淡出,并确保您在条件评论中将手指发送给 IE 团队。
编辑:似乎只将横幅后面的背景设为白色是不行的。我只能得到平滑的过渡,删除您拥有的背景 IMG 标签(而不是正文背景图像)
Edit2:最终测试,将图像作为普通 block 元素放入 class="bg"img 标签中,并带有背景图像也修复了该问题。所以我们可以得出结论,在后面有 float 图像对 IE8 来说是不好的,在我看来,使用带有背景的普通 div 。如果需要拉伸(stretch)图像以适合页面,我们需要考虑其他解决方案,或者只有 IE8 不拉伸(stretch)。
关于jQuery 在 IE8 上的消失速度非常慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2291827/