ie6-8中的jQuery动画问题

Posted 2023-05-08

【中文标题】ie6-8中的jQuery动画问题

【英文标题】：jQuery animation problems in ie6-8

【发布时间】：2012-11-12 00:07:27

【问题描述】：

我有以下jsfildde。

我得到了以下问题：

ie6 & ie7：动画由于某种原因正在弹跳，并且有 UNEEDED/UNWANTED 在#awards 与上部元素之间的边距。 （比较其他浏览器的差异，例如：chrome）。

ie8：marginTop 动画不起作用，我测试了一段时间，发现是背景更改导致了问题（查看 jsfiddle 中的注释，在 javascript 区域）。

我会感谢你的帮助。 谢谢。

编辑： 我在other website 中发现了与我类似的问题，这将有助于更好地解释我的问题。 - 没有任何解决方案奏效。

【参考方案1】：

根据我找到的另一个网站，我认为边距折叠了，为了解决 ie8 中的问题，改用了填充。

为了修复 ie6-7 中的问题，我使用了 micro-clearfix：

.clear:before, .clear:aftercontent:"";display:table;
.clear:afterclear:both;
.clearzoom:1;

并正确放置。