Categories: ウェブブラウザ

Internet Explorer の CSS Hack 色々

ざっと調べたところでは、以下が Internet Explorer のバージョン別 CSS Hack です。
中には、他のブラウザにも適用されてしまうものある様です。本当、イヤになりますね。

[code:css]
.hogehoge {
margin: 0; /* all */
margin: 0\9; /* IE8 */
*margin: 0; /* IE7 */
_margin: 0; /* IE6 */
}
[/code]

[code:css]
.hogehoge:not(:target) { /* IE9 */
margin: 0\9;
}
[/code]

[code:css]
* html .hogehoge { /* IE6 */
margin: 0;
}
[/code]

[code:css]
*+html .hogehoge { /* IE7 */
margin: 0;
}
[/code]

[code:css]
*:first-child+html .hogehoge { /* IE7 */
margin: 0;
}
[/code]

[code:css]
.hogehoge { /* IE6, IE7 */
/margin: 0;
}
[/code]

[code:css]
.hogehoge { /* IE7, IE8 */
margin/*\**/: 0\9;
}
[/code]

[code:css]
.hogehoge { /* IE6 以外 */
margin/**/: 0;
}
[/code]

[code:css]
html>/**/body .hogehoge { /* IE6, IE7 以外 */
margin: 0;
}
[/code]

[code:css]
:root *> .hogehoge { /* IE9 */
margin: 0;
}
[/code]

Recent Posts

移転を計画中?

新たにドメインを取得し、サイト…

4年 ago

iPhone から Android へ乗り換えた

長く使ってきた iPhone …

6年 ago

Chrome の拡張機能がウェブサイトからインストールを中止

ブラウザのアドオン、拡張機能と…

6年 ago

iOS 12 と macOS 10.14 Mojave 対応機種

iOS 12 と macOS …

6年 ago