JQuery FadeIn / Out& Firefox和IE中的延迟渲染问题

时间:2011-04-04 01:04:46

标签: jquery delay fadein fadeout

我的浏览器(Firefox v3.6.13)在渲染文本时出现问题,使颜色变得绿色和松脆(请参见下图)。有这个问题的解决方案吗?

enter image description here

这是我正在使用的代码:

<script language="javascript">
function showProjects(){  
            var index = 0; 
            $(".parent_div").children().each(function(i) { 
                $(this).delay(250*index++).fadeIn(3500);
            });

        };
</script>
<body>
<div class="parent_div">
      <a  id="test1" href="#" style="display:none">Something 1</a>
      <a  id="test2" href="#" style="display:none">Something 2</a>
      <a  id="test3" href="#" style="display:none">Something 3</a>                   
</div>
</body>

另外,我尝试将我的jquery脚本更改为:

     $(this).delay(250*index++).fadeIn(3500, function(){
       this.style.removeAttribute("filter"); // Suggested on other websites, but still doesn't work :(
     }); 

谢谢, 游击

2 个答案:

答案 0 :(得分:0)

你见过这个:

http://bugs.jquery.com/ticket/3421

似乎“ClearType不透明度问题的最终解决方案是:将背景颜色设置为父对象”

答案 1 :(得分:0)

jsfiddle上尝试此示例。淡入淡出并不适合我,但它似乎是一个解决你的问题。 IE也不会使用不透明度。我认为它使用过滤器。