cssハック css hack – スタイルシート —

CSS ハック

ブラウザごとの表示の違いを、ブラウザが持っている「バグ」を逆手に取って利用する方法。

CSSハックと呼ばれているもので、あくまでも応急処置的な意味で使う。

The W3C CSS Validationに通らないものもあります

IE6以下

スターハック

* html #contents { margin:0 0 0 10px; }

対応ブラウザ:IE4~6、MacIE4~5

セレクタの前に【* html 】を挿入

アンダースコアハック

#contents { _margin:0 0 0 10px; }

対応ブラウザ:IE4~6

プロパティ前に【_】アンダースコアを挿入

IE6のみ除外

#contents { color /**/:#000000; }

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

プロパティ後に【/**/】を挿入

IE7用

*:first-child+html #contents { margin:0 0 0 10px; }

対応ブラウザ:IE7

*:first-child+html】を挿入

IE6/IE7共通

#contents {/margin:0 0 0 10px; }

対応ブラウザ:IE6、IE7

プロパティの前に【/】を挿入

—————————————————————————-

【追記】

IE8
*+html>/**/body ●●●
IE7
*:first-child+html ●●●