検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS 互換性_html/css_WEB-ITnose

CSS 互換性_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:59:531149ブラウズ

開発中に CSS の互換性の問題が発生することは避けられません。特に IE では、私がよく遭遇する CSS の互換性の問題と解決策を整理する時間があります。 fef50554eca1a427827adaa329da8122文書型宣言

    この文書説明が IE6 で書かれていない場合、奇妙なモード解析現象が発生します。

解決策:

    この説明をファイルの先頭に記述します

    • 水平方向の余白を 2 つ

    IE6 でブロック要素をフローティングにすると、水平二重マージン現象が発生します

解決策:

    表示: inline を追加

    • IE6 の高さの最小値 19px

    IE6 では height:10px を設定しても、 IE6 では 19px になります

解決策

    CSS :hidden にオーバーフローを追加します

    • img の外側の境界線

    IE6 および 7 では、img の外側にタグがあります。つまり、img タグにリンクがある場合、境界線が生成されます。

解決策

    border:none を使用

  • 透明度設定IE6では

透明度を設定する場合、rgba()とopacityを使って設定することが多いですが、Rotten Eggではサポートしていません。

    • 解決策

CSSスタイルでfilter:alpha(opacity=50)を追加しますが、この時の不透明度の値は1～100の値です。

  • : hover

と互換性があります。IE6 では:hover,:link,:visited,:active のみタグを使用でき、その他はサポートしません。

    • ソリューション

zoom の属性を追加します:1

    • CSS ハックについて
<style>*{    margin: 0;padding: 0;}a:hover em{    color: blue;}a:hover{    zoom: 1;   增加  触发 IE6 下就好用了}</style></head><body>    <a href=""> <span>hello <em>颜色</em> world</span></a></body>

_width -- IE6 でのみサポート

  • *width --IE6 ,7 はサポート、一般的に使用される

  • +width --IE6,7 は

    • をサポートします
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML の初心者です。簡単な質問があります。助けてください。_html/css_WEB-ITnose次の記事：HTML の初心者です。簡単な質問があります。助けてください。_html/css_WEB-ITnose

関連記事

続きを見る