Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Internet Explorer:fadeIn();和位置:绝对;_Javascript_Jquery_Internet Explorer - Fatal编程技术网

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

Javascript Internet Explorer:fadeIn();和位置:绝对;,javascript,jquery,internet-explorer,Javascript,Jquery,Internet Explorer,在包含绝对位置元素的div上使用fadeIn()时出现问题。早些时候我发了一篇帖子,但人们似乎不理解我的问题,因为我没有把它说得足够清楚。 下面是一个代码示例,适用于除IE以外的所有浏览器- 我之所以需要它,是因为我想创建类似的东西,但使用jQuery而不是Flash。所以我需要手动将这些水平线和文本放在固定大小的包装上。我希望您能理解我在这里要做的事情,也许还有其他方法。正如您可能已经发现的,这是一个in-IE。一个解决方案是将褪色的元素包装在绝对定位的元素中,并让褪色的元素显示内联块。”s使

在包含绝对位置元素的div上使用fadeIn()时出现问题。早些时候我发了一篇帖子,但人们似乎不理解我的问题,因为我没有把它说得足够清楚。 下面是一个代码示例,适用于除IE以外的所有浏览器-


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

正如您可能已经发现的,这是一个in-IE。一个解决方案是将褪色的元素包装在绝对定位的元素中,并让褪色的元素显示内联块。”s使用此方法更新的小提琴

更新

基于您的评论的另一个选项就是这样做:迭代您想要淡入的不同元素。例如,将
fadeIn
类添加到每个元素中,然后分别对它们进行迭代。在这种情况下,javascript将如下所示:

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

到底是什么不起作用?您同时(几乎)隐藏和显示了#hello div。更具体地说,它位于包含绝对定位元素的元素上
fadeIn
在绝对定位的元素上似乎有效。好的,但是如果我需要fadeIn包含许多使用绝对位置的元素的整个div呢?似乎使用此修复程序,我必须对每个元素进行fadeIn()。@Qmal我添加了一个潜在的解决方案,用于处理您在评论中提到的情况。