ホームページ  >  記事  >  ウェブフロントエンド  >  IE6~IE7のバグ_html/css_WEB-ITnose

IE6~IE7のバグ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:45:10875ブラウズ

もともと IE のバグについてまとめを書きたかったのですが、IE のバグは一般的に IE5、IE6、IE7 という非常に古いブラウザーに存在することがわかりました。さらに、これらのバグは、IEtester と IE10 のドキュメント モードの選択にいくつかのばらつきがあり、最も正確な方法は、現在の Web 開発 IE5 にシステム テストをインストールすることです。一般的に、Web サイトはブラウザのバージョンを検出し、ユーザーにブラウザのアップグレードを促すため、現在の開発でこれらのバグが発生する可能性は非常に低いです。 。これを要約する理由は、場合によっては、一部のブログや書籍、さらには CSS の理解をテストするためにこれらを選択する一部の企業の筆記テストにもこれらのバグが含まれるためです。そこで私は、人々が木を植え、他の人に木陰を楽しんでもらうという原則に基づいて、オンラインで学習できるいくつかの良いリソースを見つけることにしました。 Xunmimi は、W3C Plus で Webmaster Desert のブラウザ互換性に関する取り組みを見つけました。要約は比較的体系的で読みやすいものになっています。これを学習の主なリソースとして使用しましょう。リンクは次のとおりです:

ブラウザ互換性の取り組みの最初の目的: 条件付きスタイルの作成方法

ブラウザ互換性の取り組みの第 2 目的地: 各ブラウザでの書き方のハック (より包括的な情報については、を参照してください) Kui Zhongjian の CSS Hack Table へ)

ブラウザ互換性の旅の 3 番目の目的地: IE の一般的なバグ??パート 1

ディレクトリ構造

: 10 の古典的なバグの原因

1. 浮動要素のダブルマージン バグ

2. ボックスモデルのバグを克服する

3. 要素の最小高さと最小幅を設定する

4. ブロック要素を水平方向に中央揃えにする

5. リスト li の階段バグ

6. li 空白

7. IE6 では要素のマイクロ高さを設定できません

8. overflow:auto とposition:relative の衝突

9. フローティングレイヤーの位置ずれ

10. IE6 でのいないいないばぁ

ブラウザ互換性の旅の 4 番目の目的地: IE の一般的なバグ??パート 2

ディレクトリ構造

: IE のバグ処理

1. IE6 クローン テキストのバグ

2. IE での画像のスケーリング バグ

3. PNG 画像の透明度IE6 でのバグ

4.