かなりの量の不透明度/フェード効果を含むサイトをまとめましたが、一部 (メニュー バー) が IE8 で正しく表示されず、私の人生では理由がわかりません。IE の上位バージョンおよび適切なブラウザでは問題なく動作します。
サイトは
そこから完全なコードにアクセスできますが、私が確認できる限り、JS のこのセクションに関連しています。
$('a').fadeTo(0, 0);
$('a').addClass('hidden');
$('#about_cont').fadeTo(0, 0);
$('#gigs_widget').addClass('hidden');
$('#music_widget').addClass('hidden');
$('#contact_cont').addClass('hidden');
....
setTimeout(function(){
$('a').removeClass('hidden');
$('a').fadeTo(1200, 0.7);
$('#about_cont').fadeTo(1200, 0.6);
}, 11700);
ここで本当に明白な何かが欠けている可能性がありますが、困惑しています。
私を混乱させているのは、次の例を使用して、サイトのコンテンツ部分が IE8 の不透明効果で正常に機能することです。
$('#about').click(function() {
$('#about_cont').fadeTo(0,0);
$('#gigs_widget').animate({"opacity": 0}, 600);
$('#music_widget').animate({"opacity": 0}, 600);
$('#contact_cont').animate({"opacity": 0}, 600);
setTimeout(function(){
$('#gigs_widget').addClass('hidden');
$('#music_widget').addClass('hidden');
$('#contact_cont').addClass('hidden');
$('#about_cont').removeClass('hidden');
}, 590);
setTimeout(function(){
$('#about_cont').animate({"opacity": 0.6}, 600);
}, 610);
});