ホームページ  >  記事  >  ウェブフロントエンド  >  ie6 互換性の問題 Record_html/css_WEB-ITnose

ie6 互換性の問題 Record_html/css_WEB-ITnose

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

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 に背景色を追加します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。