我在div上使用fadeIn()时遇到问题,该div包含位置绝对的元素。早些时候我发了帖子,但似乎人们不理解我的问题,因为我没有说清楚。 这是一个代码示例,适用于除IE之外的所有浏览器 - http://jsfiddle.net/Ayy6W/3/
我需要这个的原因是因为我想创建类似http://www.timmacpherson.com/的东西但是使用jQuery而不是Flash。所以我需要手动将这些水平线和文本放在我的固定大小的包装器上。我希望你能理解我在这里要做的事情,也许还有其他方法。
答案 0 :(得分:1)
正如您可能已经发现的那样,这是IE中的common bug。一种解决方案是将褪色元素包裹在绝对定位的元素中,并使褪色元素显示内联块。 Here是使用此方法的更新小提琴。
<强>更新强>
基于你的评论的另一个选择是这样做:迭代你想要淡入的不同元素。Here是一个例子,你将fadeIn
类添加到每个元素然后迭代在他们个人。在这种情况下,javascript将如下:
$("#hello .fadeIn").each(function(){
$(this).hide();
$(this).fadeIn();
});