0

jQuery 1.7.2 のページで Google Fonts API を使用しています。素敵なフォントを次のように追加するだけです。

<link href='http://fonts.googleapis.com/css?family=Marmelad' rel='stylesheet' type='text/css'>

次に、jQuery を使用して div をフェードアウトし、2 つ目の HTML ファイルを div に load() してフェードインします。すべて正常に動作します。

問題は、ページ上の Marmelad (私の google フォント) テキストがフェードイン遷移の最後にちらつくことです。同じ Marmelad テキストを Arial またはその他のストック フォントに単純に変更すると、ちらつきは発生しません。

これを修正する方法を知っている人はいますか？

これは、divでフェードアウト/インする方法です。

jQuery("#clickme").click(function() { 
jQuery('#secondarybox').fadeOut('fast', function() {   
jQuery('#secondarybox').load('nextstep.html', function() { 
jQuery('#secondarybox').fadeIn('slow'); }); }); 
});

ここでも、ページ全体で Arial を使用するとテキストのちらつきはありませんが、Google フォントを使用すると、トランジション/フェードに関与していないテキストを含むすべてのテキストがちらつきます。

4

1 に答える 1

0

これは私を助けました：

$('.slider_container').fadeIn(function(){
    this.style.removeAttribute("filter");
});

IE専用のソリューションです。Chromeでも同じ問題に悩まされています。

于 2012-06-15T21:26:58.963 に答える