開発中に CSS の互換性の問題が発生することは避けられません。特に IE では、私がよく遭遇する CSS の互換性の問題と解決策を整理する時間があります。 文書型宣言
この文書説明が 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の値です。
と互換性があります。IE6 では:hover,:link,:visited,:active のみタグを使用でき、その他はサポートしません。
zoom の属性を追加します:1
<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 は
-
をサポートします