0

ここに私のサイトがあります: http://www.dreamweddinggroup.com/redesignそして、神々の名前で私のfadeIn、fadeOut、およびコーナー()関数がIE8で機能しない理由を理解するのに非常に苦労しています。彼らはしばらくの間働いていましたが、今は壊れており、私の人生ではそれを理解することはできません. ここで問題を引き起こす可能性のあるものを誰でも見ることができますか?

私が話していることを確認するには、ページの下部にある [About Us] リンクをクリックすると、テキストがフェード インします。次に、[Why Dream Wedding Group] をクリックすると、 「About Us」のテキストがフェードアウトし、フェードインすると新しいテキストが表示されます。

4

4 に答える 4

1

絶対配置されたdivのスタックで同様の問題がありました。フェードアウトとフェードインを同時に行いたかったのです。FF/Safari で問題なく動作するコードは、IE8 では動作しません。fadeOut() はフェードせず、fadeIn() のみです。解決策は、CSS を使用して、要素の z-index をスタックの一番上にフェードインするように設定することであることがわかりました。

$('#fadeoutdiv').css({zIndex:90}).fadeOut(2000);
$('#fadeindiv').css({zIndex:99}).fadeIn(2000);
于 2010-10-19T12:52:26.103 に答える
1

ねえ、私は同じ問題を抱えていました。私はIE画像をフェードアウトして、新しいものを次のようにフェードアウトしようとしていました:

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).next(".throb").fadeIn("slow");
  });
});

これは機能していませんでした。しかし、フェードインはそうでした！これは IE8 (IE7 ではなく) によって消費されるプロセッサであると推測し、これを次のように変更しました。

$(".edit_photo_link").click(function(){
  $(this).fadeOut("slow", function(){
    $(this).hide();
    $(this).next(".throb").fadeIn("slow");
  });
});

また、IE8 ユーザーは、アニメーションをそれほど好きではありません。

于 2010-07-26T13:39:13.060 に答える
0

私は、IE8 が小さな画像またはテキスト領域だけで、fadeIn を自分で使用するとひどいパフォーマンスを発揮することを発見しました。エンジンは基本的にアルファ ブレンディングが非常に苦手だと思います。フルスクリーン画像をフェードしようとしているため、パフォーマンスが非常に遅く、フェードが表示されません。私の場合、まともなグラフィックス カードを搭載したかなり強力なデスクトップでも、CPU 使用率が 50% から 100% に急上昇しています。このフェードが発生するたびに (約 5 秒ごと)、再生中のビデオもスキップし始め、一般的に不安定になるため、クライアントに問題があります。

私が取り組んでいる別のサイトはhttp://www.urstreams.comです。ボックスにカーソルを合わせると、fadeIn を使用した説明も表示されます。一度にすべてのボックスにマウスを合わせると、すべての説明が同時に現れたり消えたりするため、すべてのアニメーションが停止し、CPU が再び上空に飛び出します。

本当に悪夢のようなものですが、この段階では、IE でアルファ ブレンディング アニメーションを使用しないことをお勧めします。これらすべてのケースに共通するテーマは、画像上でブレンドが行われていることです。一般的な jQuery サンプルと、おそらくテスト/ベンチマークは、プレーン バックグラウンド テストの上に表示されるプレーン テキストなどの基本的なシナリオに焦点を当てる傾向があるため、おそらくこれが問題でしょうか?

于 2010-05-05T11:19:57.287 に答える
0

私もIE 8でこの現象に気付きましたが、私の要素が上に浮かんでいるものに関係なく発生するようです。要素の配置をデバッグするために間隔 (400ms の間隔、次に element.fadeIn(100).fadeOut(500)) でフェードインおよびフェードアウトしていた空の 4x4 px DIV があり、コアの 1 つを完全に消去していました! Chrome と Firefox がほとんど汗をかいていないのに、IE が常に 50% の CPU を使用していた理由を理解するのにしばらく時間がかかりました。

IE とタスク マネージャーを起動し、http://www.hv-designs.co.uk/tutorials/jquery/all.htmlにアクセスして、簡単なテストを行います。実行中のプロセスを CPU desc で並べ替え、すべてのテストで IE がトップに上がるのを確認します (フェード +/- 数百ミリ秒の間、私の 1.2 GHz デュアルコア Intel SU2300 の 20-40+%)。シンプルなテキスト段落！Firefox や Chrome で同じテストを実行しても、10% の使用率を超えることはありません。

于 2010-07-16T00:59:58.680 に答える