jQuery fadeIn fadeOut Internet Explorer IEでテキストが正しく表示されない問題を解決する

Question

Internet Explorer IEのjQuery fadeInおよびfadeOutで、ピクセル化されたテキストと悪いテキストを探しています。

背景色を追加するか 'filter'属性を削除する2つの解決策が一般的です。

このデザインでは、背景色の修正を使用することはできません（ただし、問題の解決には役立ちますが、問題は完全には解決されません）。

私は "フィルター属性を削除してからfadeInを削除"しようとしています。 しかし、テキストは修正されず、 "removeAttribute"バージョンがスクリプトを停止します。 あなたはどうやって仕事をしていますか？

私のjQコードは以下の通りです。

質問を考えていただきありがとうございます。

====================================

//このループをベースに先のとがった

var divs = $('.myDiv'), i = 0; 
    function reveal() { 
     if (i == divs.length) divs.fadeIn(inTime, function(){   
      $('.mainPadding').css("height", "4000px"); 
      }); 
     divs.eq(i).fadeIn(inTime, function(){ 
       //$(this).style.removeAttribute('filter'); 
       $(this).removeAttr("filter"); 
      }).delay(waitTime).fadeOut(outTime, function() { 
       i++; 
       setTimeout(reveal, 0); 
      }); 
    } 
    setTimeout(reveal, 0); 

Answer 1

によって別のStackOverflowの答えはここで私はその上で見つけたものだ...

 
// When fading a html node with the .fadeIn() and .fadeOut() 
// functions in jQuery, IE drops the windows Cleartype rendering; 
// which results in very ugly text. This override corrects that problem
 

jQuery.fn.fadeTo = function(speed, to, callback) { 
     return this.animate({ opacity: to }, speed, function() { 
      if (to == 1 && jQuery.browser.msie) 
       this.style.removeAttribute('filter'); 

      if (jQuery.isFunction(callback)) 
       callback(); 
     }); 
    };