CSSハック これだけ覚えておけば大丈夫

CSSハックとは

ブラウザごとにスタイルシートの実装が違うことやバグを利用し、特定のブラウザにのみスタイルを指定する手法のことです。

CSSハックの書式

一言にCSSハックと言っても多数あり、それぞれ書式が違います。
しかし、これだけ覚えておけば大丈夫というものを以下にまとめました。

※対象のブラウザは、Win IE5～7、Mac IE5.2、Firefox、Safari、Operaです

◇Win IE5～6、MacIE 5.2
* html スタイル名 {
　　　スタイルプロパティ
}
◇Mac IE5.2
スタイル名 {
　　　/*\*//*/
　　　スタイルプロパティ
　　　/**/
}
◇Win IE7
*+html スタイル名 {
　　　スタイルプロパティ
}

サンプル

Win IE5～6は背景が青、Win IE7は背景が緑、MacIE 5.2は白、その他のブラウザでは赤

<style  type="text/css">
body {
	background: #900;
}

* html body {
　　background: #009;
　　/*\*//*/
　　background: #fff;
　　/**/
}

*+html body {
	background: #0f0;
}
</style>
◆サンプルを表示する