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/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
