jQuery performance fullscreen fade

Question

私は、ほとんどのモーダルボックスのプラグインのようにフェードインする暗いオーバーレイを作成しようとしています。

#overlay { 
    background: black; 
    display: none; 
    opacity: .3; 
    z-index: 9999; 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    top: 0; 
} 

私はjQueryのを使用してこの#overlayをアニメーション：

$('#overlay').fadeIn(400); 

このフェードインのパフォーマンスはしかし、最適ではない私は<div id="overlay">と、次のCSSを持っていることによってそれを行います。 1920x1080ピクセルの解像度でフェードインすると、FPSは約10/15と推定されます。このアニメーションをもっとスムーズにするためのよりよい方法はありますか？

Answer 1

jQuery 1.4.3のバージョンでは、1秒あたりのフレーム数を制御できます。リンクthisを参照してください。より高いFPSで再生すると、アニメーション全体がよりスムーズになる場合があります。

JavaScriptのアニメーション処理は、古いブラウザ（IE6-7）ではあまりスムーズではありません。

Answer 2

低レベル.animate()の機能はどうですか？ かもしれないより良い。