IEのCSSハック


IEのバージョンによって個別のCSSの処理がが必要になることがあります。

そこで各バージョンごとのCSSのハックをまとめました。

また、同時に各IEハックを利用する場合は記述する順番に注意しないと正しく機能しません。

IEハックは以下になります(記述順に書いております)。

IE8CSSハック

html>/**/body {
margin/***/: 0¥9;
}

IE7CSSハック

*+html body {
margin: 0;
}

IE6CSSハック

body {
_margin: 0;
}

IE9CSSハック

body:not(:target) {
margin: 0¥9;
}

IE10CSSハック

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body {
margin: 0 !important; /*同時に利用する場合はimportantを追加する*/
}
}

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*