IE8 的 CSS 动画问题，在所有其他浏览器中都可以正常工作答案

【问题标题】：CSS animation problems with IE8, works fine in all other browsersIE8 的 CSS 动画问题，在所有其他浏览器中都可以正常工作
【发布时间】：2011-08-14 15:28:08
【问题描述】：

这里是代码：http://jsbin.com/ehohi4/10

单击年份可折叠/展开部分。在所有现代浏览器加上 IE6 和 IE7 中，它工作正常，但在 IE8 中，尝试点击 2008 几次，有时当部分折叠时，margin-bottom:100px 消失了，但浏览器仍然返回它有一个marginBottom 为 100px，如底部调试信息所示。

这是必须接受的 IE8 问题还是 jQuery 1.5.2 问题？

编辑：运行中的错误视频（以及我如何解决它） http://www.youtube.com/watch?v=JqqiLBrHwbo

【问题讨论】：

没有多少缓慢的点击可以让我发生“错误”。我必须在 2008/2009 年点击垃圾邮件，然后它会发生 - 有时。
我试过了 - 似乎没有任何改变，一切看起来都很好。我点击了很多次..
天啊——你点击人的速度有多快？我差点弄坏了我的鼠标，它仍然可以工作..

标签： jquery css animation internet-explorer-8 margin

【解决方案1】：

对我来说似乎工作正常。您是在 IE8 兼容模式下使用 IE8 还是 IE9？

尝试专门修复边距错误。

$('.award_year').click(function() {
    $(this).next().animate({
        opacity: 'toggle',
        height: 'toggle',
        marginBottom: 100
    }, 400);
});

【讨论】：

感谢您的回答，我在 Windows XP 上使用 IE8 进行测试。
的 100 像素下边距。

【解决方案2】：

我用各种旧版本的 jQuery 测试过，同样的问题仍然存在，我认为这是一个 IE8 渲染问题。呃，IE8 是新的 IE6...最终删除了该 div 的 margin-bottom 并添加了一个 100px 高的 div，专门用于 IE8。

http://www.youtube.com/watch?v=JqqiLBrHwbo

【讨论】：