2015-01-08 15 views
5

fadeInを使用してコンテンツを表示するときにChromeのバグを処理しています。表示されますが透明になるか、またはブロックが完全に不透明に表示され、他のブロックはまったく表示されません。ブラウザがそれを再ペイントするとき、すなわちウィンドウのサイズを変更するか、またはコンテンツを強調表示することによって、コンテンツは正しく表示される。JQuery fadeInがChromeで完全にフェードインしない

SafariとFirefoxでテストすると、正しくフェードインされます。ここで複製

$(stuff).hide().appendTo("body").fadeIn(100); 

http://jsfiddle.net/kuiche/x9fwdaLc/

+0

1.できるだけjavascriptからhtmlを書いてはいけません。 2.これはバグレポートのウェブサイトではありません。 3.ブラウザにOSがなければなりません。 –

+2

htmlは、実際のアプリケーションでのAjax呼び出しの応答です。 jsfiddleは最小の例です。あなたはそれを数回試してみましたか?ときどき動作している時があります... – Kuiche

+1

ここではChromeで再現できません。ハードウェアアクセラレーションをオンにしてChrome v39を使用しています(問題がある場合)。 – Abhitalks

答えて

0
$(stuff).hide().appendTo("body").fadeIn(100, function() { 
    $(this).show(); 
}); 

それはフェードインだ完了していますときにコールバックなどの要素の完全なショーを強制します。

関連する問題