jQuery Fadein/Fadeout IE ClearTypeグリッチ移行を修正する方法
-
27-09-2019 - |
質問
まあ、これはIEとjQueryを使用したよく知られているバグです。
私が尋ねていること:「修正」が適用される前に、どういうわけかその醜い移行効果を削除することは可能ですか。 IEでこれをテストします:
http://www.kevinleary.net/wp-samples/ie-fade-problems.php
それはより悪い問題の解決策ですが、その恐怖と「非透明タイプ」コンテンツのフラッシュを修正することは可能ですか?
それはそれほど悩まされませんが、それはjquery(スーパーフィッシュ)の私のメインのウェブサイトメニューのためです - それらの移行はほとんど見えます...
編集:気付くべきことが1つだけです - これはあなたのブラウザでも起こりますか?多分それはIE設定の何かですか?
解決
クリアタイプのugいを修正する方法はありません その間 フェードが起こります そのコンテンツについて. 。これは、IEチームが不透明フィルターを実装する方法について(IMO)悪い決定です(IEで実装されている方法はClearTypeをサポートしていません)。
うまく機能する他の唯一のオプションは、何かをフェードすることです そうしないと, 、 のような <div>
それがフェードインする上で、テキストがフェードアウトするのではなく、あなたの使用はメニューのためのものだと言っているので、ここでは実際には当てはまりません。
他のヒント
私はインターネットエクスプローラーフェードの問題のためのあらゆる種類の潜在的なソリューションを読みましたが、何もうまくいかないようです。
最終的に、このスレッドで説明されているように、絶対に配置されたDivオーバーレイを使用することにしました。しかし、私は動的な高さを持っているので、jQueryを使用してフェードの前にdivの高さを変更しました。私のコードはこのようなものになりました:
$("#fade-canvas").css('height',$("#wrapper").height()+'px').show();
/* HIDE or SHOW wrapper child elements as needed */
$("#fade-canvas").css('height',$("#wrapper").height()+'px').fadeOut(600);
この問題で私の髪を引き抜いたので、うまくいけば、これが誰かを助けることを願っています。
良い解決策ニック!
さまざまなスクリプトが修正を実装しています( サイクル)、しかし、現在、アニメーション中にピクセル化されたテキストを修正するために見つけた最良のオプションは、Nickが推奨するものです。テキスト自体をフェードする代わりにDivをオーバーレイすることです。
申し訳ありませんが、サファイアをもっと助けてはいけませんが、読んでくれてありがとう!