私も IE6 を早く廃止したいと思っていますが、結局のところ、私の主観的な取り組みはあまりにも限られており、私たちにできることは、IE6 によって引き起こされる苦痛を軽減するために何らかの手段を使用することだけです。
1. ドキュメント タイプを使用します。ページが標準モードで動作するように、最も厳密なドキュメント タイプを使用するようにしてください。これらを使用すると、b、s、font など多くのタグが使用できない場合がありますが、それらはすべて CSS で置き換えることができます。
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
または、最も単純な <!doctype html"> は、HTML5 で認識される唯一のドキュメント タイプであり、ブラウザは自動的に上記のドキュメント タイプに変換します。xhtml ドキュメント宣言は使用しないでください。当初は html を過渡的な製品にする予定でしたが、誰もが知っているように、私は単なる通りすがりの訪問者であり、それを使用するとき、要素のnodeNameは大文字と小文字を区別する可能性があり、これは非常に面倒です。
2. 使用位置: 相対
レイアウトでは、常に最初に配置レイアウトを考慮し、次にフローティング レイアウトを考慮します。 IEのフローティングモデルはクレイジーです。
3.display:inline を使用する
float を使用する必要がある場合は、float の後に display:inline を付けます。 IE6で起こりやすいバグがあるからです。ブロックコンテナ要素にfloatとfloatと同じ方向のマージン値が設定されていれば出現します。たとえば、div 要素に float:left と margin-left:100px を設定すると、IE6 では margin-left:200px になります。
4. コメント ノードは使用しないでください。ここには 2 つの嫌なことが含まれています。 1 つは、このブログの Yang Zhengyi (Ah Yi) による記事「オペラ座の怪人バグ」を参照してください。 2 つ目は、IE の全範囲の検索 API のバグです。 document.all、document.getElementsByTagName、および document.querySelectorAll はすべてコメント ノードを返す可能性があります。
5. ホバー効果については、IE でネストするために href 属性を持つ a 要素を使用することを忘れないでください。ホバーは a タグに対してのみ有効であり、タグには href 属性が明示的に設定されている必要があります。
6. スタイル設定でパーセンテージを使用しないでください
IE にはパーセンテージの計算に問題があります。
7. 要素に hasLayout を取得させます
詳細については、Baidu でこの素晴らしい学術研究「レイアウトを持つことについて」を検索してください。 el.currentStyle.hasLayout を使用して、レイアウトを取得したかどうかを検出できます。レイアウトを取得するための汎用メソッドは、zoom:1 です。
8. (x)html のネスト ルールを厳守する 現在のブラウザは非常に目を引きますが、ネスト ルールはドキュメント タイプで定義されており、それを防ぐためです。狂気の沙汰、気をつけたほうがいいよ。また、一部の要素は自動的に閉じられますが、自分で閉じる必要があります。良い習慣を身に付けることが非常に重要です。
9. JavaScript スキルを向上させる
IE6 は多くのことをサポートしていないか、十分にサポートしていませんが、JavaScript を使用して、さまざまなリレーションシップ疑似クラス、サブ要素フィルタリング疑似クラス、属性疑似クラス、ターゲット疑似クラスなど、ほとんどすべてをシミュレートできます。 、最小幅と最大幅、PNG の透明度の問題...
10. 私のブログにもっと頻繁に来て、幸運のために概数を作るようにしてください。良いものやバグを見つけたら、できるだけ早く報告します~~~^_^