IE8のjquery fade問題

Question

IE8でスムーズにフェードアウトできません。それはIE8 IEの "Compatibility View"モードと、私が試したIE以外のブラウザで動作します。

「IAN MARTIN結婚式フォトジャーナリズム」のアニメーション部分は、いずれも完全に7 &で動作します。8.その後、ページの残りの部分がフェードインするはずですが、IE 8では、それはそうであるように。私はこのページで起こっているjqueryのことがたくさんあるのですが、それが問題の一部かどうかわかりません。私はjvery "Curvy Corners"をフェードインする子div内に置いていますが、ページ上のすべてを含んでいるdiv ...これは私が試したIE以外のブラウザでは問題になりません。

ここでは、人々が自分の情報源を調べて、問題が発生した原因としてページから飛び跳ねるものがあればお知らせします。 （あまりにも多くのことが起こって、ここにコードを貼り付けるのは難しいと思う）。ありがとう！

http://ianmartinphotography.com/test-site/index.html

フォローアップ、私は単にIE 8が更新さとして最終的に作業を停止しているIE7や意志をエミュレートするためにIE8を伝えるこのコードを挿入することができますか？あなたが持っている瞬間

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 

Answer 1

：それがうまくいく方法を参照してください

<script type="text/javascript"> 
$(window).load(function(){ 
    $(".imwpj").animate({ 
    "top": "+=200px" 
    }, 0).fadeIn(2000).delay(500).animate({ 
    "top": "+=295px" 
    }, 900, function() { 
    $('#sub-fader').fadeIn(1000); }); 
    }); 
}); 
</script> 

：

<script> 
$(window).load(function(){ 
$(".imwpj").animate({"top": "+=200px"}, 0).fadeIn(2000).delay(500).animate({"top": "+=295px"}, 900); }); 
</script> 
<!--everything else--> 

<script> 
$(window).load(function(){ 
$('#sub-fader').delay(5400).fadeIn(1000); }); 
</script> 

私はあなたにこれを変更示唆しています。

p.s. 900, function() {は、これが終了すると、このビットを実行する」と述べている。それは、すべて同時に実行されないように。

[FURTHER EDIT]

$(document).ready(function(){ 
    setTimeout('runAnimation()', 500); 
}); 

function runAnimation() { 
    $(".imwpj").animate({ 
     "top": "+=200px" 
    }, 0).fadeIn(2000).animate({ 
     "top": "+=295px" 
    }, 900, function() { 
     $('#sub-fader').fadeIn(1000); 
    }); 
} 

これは半分をお待ちしております第二（DOMにロードするために）アニメーションを初期化する前に。

[EDIT AGAIN]

の

Cufon is not defined [Break On This Error] <script type="text/javascript"> Cufon.now(); </script>
index.htmlを（ライン74）

preloadImages is not defined [Break On This Error] (function(){var s=true,t=false,aa=wind...nt;if(j instanceof Function)return i?

神経

Answer 2

オーケーは、jquery IE Fadein and Fadeout Opacity

（私はこの問題にウェブを精練し、最終的に右にヒットしてきましたキーワード - 私は以前これを発掘したかったです！）

@woodstyleeは私が必要とする回答があります：

彼は言う：「私はIE8でも同じ問題がありました。私はフェードインと呼ばれる前に）（JavaScriptでDIVの不透明度を設定し、問題を解決：」

$('.overlay').css('filter', 'alpha(opacity40)'); 
$('.overlay').fadeIn(500); 

私は私のWindowsマシンの前にないんだけど、私はIEでこれを試してうずうずしてるここに私のです。 「0」に設定woodstyleeの修正、不透明度テストページ（これは通常のCSSの表示に対応していないはずです。それがうまく機能IE以外のブラウザ用なし）をIE8では http://ianmartinphotography.com/test-site/index-ie.html

、のdiv＃フィールドには、今すべき「IAN MARTIN wedding photojournalism」以外の写真付きの白いボックスです。

前に、このdivは、フェーディングの遷移なしで表示されます。それはIEの互換モードで動作をsortaだろうが、滑らかな移行なしでビューにstuttered ...

Answer 3

私が実験で見つけたのは、IE 8はdivを含むフェードするdivを嫌うということです。 IE7、または少なくとも、IE7をエミュレートするIE8は、この配置には問題がありません。 WindowsとMacの両方でSafariとFFはこれに問題はありません。だから、これは非常に不満足である一方で、私は単にIE7互換モード

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 

に私のページを強制的だし、...私がテストするために、まだましIE9からより良いパフォーマンスを期待