jQuery 在 IE8 上的消失速度非常慢

标签 jquery internet-explorer-8 jquery-animate

我在这个网站上使用 jQuery 循环和淡入/淡出:

http://www.lunatestsite.co.uk

横幅循环,悬停时淡出底部导航按钮。除了 IE8 之外,一切都是桃色的,但 IE8 的淡入淡出令人难以置信。

有人提到 IE8 有一种不同的动画透明度方法:

IE8 jQuery FadeTo

似乎很难相信 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/

相关文章:

jquery - 如何将值参数传递给 Bootstrap 中的 modal.show() 函数

javascript - 在 HTML5 Canvas 中创建表格

javascript - IE8 在隐藏与行跨度相交的表列时崩溃

javascript - jQuery 动画不适用于 iframe 内容

javascript - 如何为 html tag.ex :<div class ="header" cust-data ="hide"></div> 创建自定义属性

javascript - 在 IE8 中旋转 : translation not working properly

html - ie8下拉菜单乱码

jquery - 动画彩色网络图标字体在 IE 8 上不起作用

jQuery 动画菜单下拉菜单占据容器的整个宽度

jquery - 事件处理程序仅在当前 div 元素上工作并触发其关联的子元素