ホームページ > 記事 > ウェブフロントエンド > IE6 と IE7 の互換性の問題について簡単に説明しますpositioning_html/css_WEB-ITnose
IE6 と IE7 の互換性の問題について簡単に説明しますpositioning_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:30:12873ブラウズ
IE6 と IE7 の位置決めの互換性の問題について簡単に紹介します:
位置決めのブラウザ互換性の問題は非常に小さいです。つまり、IE6 と IE7 では z-index 属性の解析に違いがあり、これら 2 つのバージョンのブラウザは、中国では長く存続しないと推定されているため、この互換性の問題に興味がある人は、次の章を参照してください。この問題に関するサンプル コードは次のとおりです。
コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">.box{ width:100px; height:100px; position:relative;}.top{ width:50px; height:250px; background:red; position:absolute; z-index:10}.bottom{ width:50px; height:60px; background:blue; position:absolute; z-index:5;}</style></head><body><div class="box"> <div class="top"></div></div><div class="box"> <div class="bottom"></div></div></body></html> 上記のコードは、IE7 および以下のブラウザーでは他のブラウザーとは異なる動作をします。
IE7 および IE6: 青が赤にオーバーレイされます。
その他のブラウザー: 赤が青にオーバーレイされます。
具体的な原則はここでは紹介しません:
1. z-index 属性の使用法については、CSS での z-index 属性の使用法の詳細な説明を参照してください。
2. IE7 での z-index の問題については、IE6 と IE7 の z-index の互換性の問題に関する章を参照してください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=13044
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。