javascript - IE でのテキストの歪み

Question

私は shinding engine を使用していますが、再配置のために 1 つのガジェットを移動するたびに、そのガジェット内の太字のテキストがゆがんでしまいます。

1. 
2. 

Answer 1

IE には、DOM の一部が変更されるとアンチエイリアスの使用が停止するという問題があります。いくつかの回避策があります (これらについては Google)。IE9 で問題が解決したと思います。

この質問を参照してください: IE7 で jQuery fadeIn がテキストをアンチエイリアス処理しない

その中のいくつかのリンクは死んでいるようです。

これら 2 つの変更のいずれかが役立つ場合があります (適用する要素を試す必要がある場合があります)。

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);