ホームページ > 記事 > ウェブフロントエンド > ie6 互換性の問題 Record_html/css_WEB-ITnose
1. コード内で新しい行に記述すると空白が作成されます。 em タグ間のスペースを改行せずに削除します。
2. IE6 でモジュールがプッシュおよびラップされるバグを解決するには、マージンを使用して負の値を設定します。
3. float:をクリアする方法:overflow:hiddenを親要素に追加します。
4. divやspanなどのいくつかのブロックレベル要素は、フローティングされておらず、一部は右にフローティングされるように設定されていますが、現時点では1行の幅で十分です。 ie6 は、右浮動要素の 1 つがラップされていることを示します
*コードの 2 つの部分の位置を交換できます
欠点: セマンティクスの破壊
*絶対的な配置。
利点: セマンティクスを破壊しません。
欠点: コードサイズが増加します。
*すべてにフロートを追加します。
利点: 上記と同じ。
短所:他のバグ等の原因となります。
*ハックを追加します。 _margin-top:XXXXpx;
利点: 上記と同じ。
欠点: ハックの使用。
5. IE6 の li のサブ要素に display:block スタイルがある場合、li の間に _display:inline が追加されます。
6. a にインライン要素が含まれている場合、空白部分のクリックは無効です。 解決策: a に背景色を追加します。