JQuery FadeIn / Out & Delay рендеринг проблема в Firefox и IE - PullRequest
1 голос
/ 04 апреля 2011

В моем браузере (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 голосов
/ 05 апреля 2011

Попробуйте этот пример на jsfiddle .Появление не совсем работает для меня, но это похоже на решение вашей проблемы.Кстати, IE не использует прозрачность.Я думаю, что он использует фильтр.

0 голосов
/ 04 апреля 2011

Видели ли вы это:

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

Похоже, что «Окончательное решение проблемы непрозрачности ClearType: установить цвет фона для родительского объекта»

...