【Web作成】CSSハック一覧

CSSハック一覧

苦労してせっせせっせと作ったスタイルシートも、違うブラウザで見ると崩れている・・・。
Webページを作る人なら誰にでもあったはずです。
そんなときのために、CSSハックの一覧を作成しましたので、ご自由にお使いください。

Internet Explore

IE6以下

[html]
.text { _color:#ffffff; }
* html .text {color:#ffffff;}
[/html]

IE6以外

[html]
html>body .text {color:#ffffff;}
[/html]

IE7のみ

[html]
*:first-child+html .text {color:#fff;}
*+html .text {color:#ffffff;}
[/html]

IE7以下

[html]
.text {*color:#ffffff;}
[/html]

IE8のみ

[html]
.text {color:#ffffff\9;}
[/html]

IE9のみ

[html]
.text:not(:target){color:#ffffff¥9;}
[/html]

IE10のみ

[html]
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.text { color: #ffffff; }
}
[/html]

IE以外

[html]
:root .text {color:#ffffff;}
[/html]

Firefox

Firefoxのみ

[html]
.text, x:-moz-any-link { color:#ffffff; }
[/html]

Firefox3.0以降

[html]
.text, x:-moz-any-link, x:default { color:#ffffff; }
[/html]

Firefox3.5以降

[html]
.text, x:-moz-broken, x:last-of-type{ color:#ffffff; }
[/html]

Chrome

Chrome+Safari 3以上

[html]
@media screen and (-webkit-min-device-pixel-ratio:0) {
.text { color:#ffffff; }
}
[/html]

Safari

Safari2~3.1

[html]
html[xmlns*=””]:root .text { color: #ffffff; }
[/html]

Opera

Opera9.25~14

[html]
html:66irst-child .text { color: #ffffff; }
[/html]

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください