0

私は顧客のために「1ページ」のウェブサイトを開発しています。Webサイトはほとんどのブラウザで希望どおりに表示されますが、WindowsXPにインストールされているInternetExplorer8の特定の組み合わせで問題が発生しています。

顧客からの要件とグラフィックデザイナーのデザインの組み合わせにより、さまざまな要素が互いに重なり合い、ナビゲーションに基づいてフェードインまたはフェードアウトする必要があります。

IE9＆10（開発者ツールのIE8ドキュメントプロパティを含む）、Chrome、Win2K8サーバー上のIE8などのブラウザーですべて正常に動作します。

ただし、IE8では、非表示の要素の透明度は、同じ位置にある「表示される」兄弟に継承されているようです。

私はさまざまな解決策を探し、次のようなさまざまなことを試しました。

opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-filter: alpha(opacity=0);

また、追加ですが、ほとんど不要です。

display: block;

また

zoom: 1;

しかし、上記のどれもうまくいきません。

誰かが以前にこの問題を経験した、または解決したことがあります。または、IE8の同じ位置にある複数の要素がフェードしているだけで、正しい方法ではありません。

私の意図した機能については、このフィドルを参照してください：http: //jsfiddle.net/6HZGw/11/

PS。自分の問題点を正確に写した画像を投稿しようとしましたが、登録したばかりなのでスパム対策としてはできません。

だからここに問題へのリンクがあります：http：
//img338.imageshack.us/img338/4458/ie8f.png

そして期待されるビューへのリンク：http：
//img255.imageshack.us/img255/8391/chromeothers.png

4

1 に答える 1

0

IE8 の不透明度フィルターは本当にひどいものです。時々うまくいくこともありますが、バグや落とし穴だらけです。jQuery を使用すると多少は痛みが軽減されますが、それでも癖の 1 つに簡単に引っかかってしまいます。

現在、テストできる IE8 や XP はありませんが、私はこの道をたどり、特に複数の要素を扱う場合、特にそれらの要素がテキストとグラフィックの混合である場合に、同様の結果に苦しみました。 .

私が言うように、私は今それを自分で試すことはできませんが、私の推測では、解決できない問題の 1 つに遭遇したと思います。したがって、代替ソリューションを探すことをお勧めします。

私たちの場合、多くの作業の後、要素をフェード インおよびフェード アウトするという考えを完全に放棄することになり、他の要素の背後からそれらをスライドさせる戦術に切り替えました。顧客が満足するほど効果は似ていて、すべてのブラウザーで機能しました。

于 2013-02-04T22:41:58.143 に答える