裏技の最近のブログ記事

CSSでレイアウトをしていると、特定のブラウザだけ、思う通りに表示されないことがあります。
そのような問題を回避するための裏技を紹介。

■IE6以下用
◎スターハック

* html #hack { color:#000000; }

対応ブラウザ：IE4〜6、MacIE4〜5
セレクタの前に【* html 】をつける。

◎アンダースコアハック

#hack { _color:#000000; }

対応ブラウザ：IE4〜6

プロパティの前に【_】アンダースコアをつける。

■IE7用
*:first-child+html #hack { color:#000000; }

対応ブラウザ：IE7

セレクタの前に【*:first-child+html】をつける。

■IE6、IE7用
#hack { /color:#000000; }

対応ブラウザ：IE6、IE7

プロパティの前に【/】をつける。

■IE6のみ除外
#hack { color /**/:#000000; }

対応ブラウザ：IE7、IE8、Firefox、Safari、Opera、Chrome

プロパティの後ろに【/**/】をつける。

■Firefox用

#hack { color:#000000; }
#hack, x:-moz-any-link { color:#333333; /* Fx 1.0 以降に適用される */}
#hack, x:-moz-read-only { color:#666666; /* Fx 1.5, 2.0 以降に適用される */}
#hack, x:-moz-broken { color:#999999; /* Fx 3.0 以降に適用される */}
#hack, x:x{ color:#000000; }