私は顧客のために「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