javascript - IE中的文字失真

Question

我正在使用 shinding engine ，每当我移动一个小工具进行重新定位时，该小工具内的粗体文本就会失真。

1. 
2. 

Answer 1

IE 存在一个问题，即一旦修改了 DOM 的一部分，它就会停止使用抗锯齿。有一些解决方法（谷歌这些）。我认为IE9解决了这个问题。

看到这个问题： jQuery fadeIn leave text not anti-aliased in IE7

其中的一些链接似乎已死。

这两个更改之一可能会有所帮助（您可能必须尝试将它们应用于哪个元素）：

myElement.style.filter = '';

或者

$(myElement).removeAttr('style');

其他信息： http ://reference.sitepoint.com/css/haslayout http://reference.sitepoint.com/css/filter

Answer 2

Internet Explorer 在执行 jQuery 淡入淡出和您给出的示例等任务时暂时摆脱了抗锯齿功能！

Answer 3

这是一个自定义的 fadeIn/fadeOut/fadeTo来解决您的问题

(function($) {
    $.fn.customFadeIn = function(speed, callback) {
        $(this).fadeIn(speed, function() {
            if(!$.support.opacity)
                $(this).get(0).style.removeAttribute('filter');
            if(callback != undefined)
                callback();
        });
    };
    $.fn.customFadeOut = function(speed, callback) {
        $(this).fadeOut(speed, function() {
            if(!$.support.opacity)
                $(this).get(0).style.removeAttribute('filter');
            if(callback != undefined)
                callback();
        });
    };
    $.fn.customFadeTo = 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();
        });
    };
})(jQuery);