2

何が原因かわかりませんか？

Firefox で slideDown を使用すると、アニメーションが完了する前に、テキスト レンダリングによって文字の上部が切り取られます。これはIEでOKです。

その後、代わりにフェードインを使用するようにアニメーションを変更すると、Firefox ではぼかしは発生しませんが、IE ではテキストが非常にぎざぎざになります。

アニメーションに関して過去に尋ねた別の質問から、その男は、アニメーション化したいものを別の DIV でラップし、代わりにそれをアニメーション化する必要があると私に言いました。これにより、.animateDiv 内のコンテンツのパディングによって引き起こされるジャーキネスが整理されました。

jQueryでもテキストレンダリングにトリックはありますか

4

2 に答える 2

2

hereやhereのようなテクニックを使用する必要があります。基本的に、IE でのフェードは CSS フィルターで行う必要があります。これは、実際には IE 固有のものであり、CelarType を実際に FUBAR します。 filter

部分的にフェードしたテキストの場合、これは役に立ちませんが、完全にフェードインまたはフェードアウトしている場合、これにより結果がきれいになります...フェード中はまだギザギザのテキストが表示されます。これが IE の動作です。残念ながら (IE9 ではこれは修正されていますが、IE7/8 は長い間どこにも行きません)。

最初のリンクでテクニックを使用する場合は、次のように、関数をどこでも使用する前に (1 回だけ) 含めるだけです。

$.fn.customFadeIn = function(speed, callback) {
    $(this).fadeIn(speed, function() {
        if(!$.support.opacity)
            $(this).get(0).style.removeAttribute('filter');
        if(callback != undefined)
            callback();
    });
};

次に、 の代わりに.fadeIn()、次のように呼び出します.customFadeIn()。

$("#uglyThingInIE").customFadeIn(500);
于 2010-05-29T10:42:09.540 に答える
0

IE は ClearType とアニメーションに問題があると思います。FFについては不明。

于 2010-05-29T09:35:53.440 に答える