Internet Explorer:fadeIn();和位置:绝对;

时间:2011-06-21 18:58:11

标签: javascript jquery internet-explorer

我在div上使用fadeIn()时遇到问题,该div包含位置绝对的元素。早些时候我发了帖子,但似乎人们不理解我的问题,因为我没有说清楚。 这是一个代码示例,适用于除IE之外的所有浏览器 - http://jsfiddle.net/Ayy6W/3/

我需要这个的原因是因为我想创建类似http://www.timmacpherson.com/的东西但是使用jQuery而不是Flash。所以我需要手动将这些水平线和文本放在我的固定大小的包装器上。我希望你能理解我在这里要做的事情,也许还有其他方法。

1 个答案:

答案 0 :(得分:1)

正如您可能已经发现的那样,这是IE中的common bug。一种解决方案是将褪色元素包裹在绝对定位的元素中,并使褪色元素显示内联块。 Here是使用此方法的更新小提琴。

<强>更新

基于你的评论的另一个选择是这样做:迭代你想要淡入的不同元素。Here是一个例子,你将fadeIn类添加到每个元素然后迭代在他们个人。在这种情况下,javascript将如下:

$("#hello .fadeIn").each(function(){
    $(this).hide();
    $(this).fadeIn();
});