jQuery fadeIn fadeOut Text 在 Internet Explorer IE 中看起来很糟糕：修复工作

Question

我已经尝试过之前在此处（和其他地方）发布的解决方案，用于在 Internet Explorer IE 中的 jQuery 淡入和淡出期间看起来像素化和糟糕的文本。

两种解决方案似乎很常见：添加背景颜色或删除“过滤器”属性。

通过这种设计，我无法使用背景颜色修复（这有助于但并不能完全消除问题）。

所以我一直在尝试“在淡入淡出后删除过滤器属性”修复。 但它不会修复文本，并且“removeAttribute”版本会停止脚本。 你们是如何让它工作的？

我的jQ代码如下。

感谢您考虑这个问题！

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

// 这个循环是基于 Pointy 的另一个 Stackoverflow 答案

    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

这是我发现的...

 // 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();
        });
    };