jQuery - IE8 - fadeIn() / fadeOut()像素移位

Question

我正在将一个绝对定位的字典术语替换为另一个，如下所示：

jQuery('#replaceme').fadeOut(150，.fadeOut(){ jQuery('#withme').fadeIn(150)；})；

这是一段非常简单的代码，在除IE8之外的所有浏览器中看起来都很棒。在IE8中，当fadeOut()在做它的事情时，整个文本块向上移动2-3个像素，然后在fadeIn()上向下移动2-3个像素。

你知道这是什么原因造成的吗？有谁知道防止这种情况发生的方法吗？

顺便说一下:我在使用jQuery 1.3.1和使用1.3.2时得到了相同的结果。我所有严格的XHTML和CSS验证。

Answer 1

它是不是从inline元素变成了inline-block或block元素？

使用ie8开发人员工具，尝试将元素的display属性更改为display:inline-block，然后查看是否会出现问题。

编辑:对评论的响应

可能发生的情况是从预期的文档流中取出元素(追加到正文中，或者插入一个新的父级并将其附加到该文档流中，等等)。而通常适用的css规则在这种情况下不适用。

使用firebug识别应用于此元素的所有css规则，然后尝试将此元素id #replaceme添加到选择器列表中，以确保该元素的样式符合您的期望。例如：

dt > dd.def { }

变成了

dt > dd.def, #replaceme { }