CSS Hack Memo

IE 7 beta版のハック

*+html div{color:#fff;}
IE7で適用される。html>body div{color:#fff;}
IE7とその他のブラウザで適用される。IE6では適用されない。

* html caption {
padding:25px;
}
*+html caption {
padding:25px;
}
2つのハックを利用してIEにのみ適用させることも可能。

スターハック

* html p {
color:#fff;
}
アスタリスクを入れる。

アンダースコアハック

p{
_color:#fff;
}
「_」を入れる。

条件付きコメント

＜!–[if IE]＞
＜link rel=”***.css” /＞
＜![endif]–＞
条件付コメントを配置する。
「-」が1個のみに見えますが、実際は2つになってます。
メモ帳などに貼り付けていただければ2個の表示になります。

バックスラッシュハック

.div {color:#fff;
/*\*/color:#000;/* */}
MacIE 5に適用。下段のはMacIE 5以外に適用。
「/*\*/color: #000;/* */」の部分はMac IE5には無視される。

.div {color:#fff;
/*￥*/color:#ooo;/* */}
文字コードがShift-JISの場合はWin,Macともに「\」ではなく「￥」で代用。(￥は小文字)
WinIE 5.x専用: @media tty {i{content:”\”;/*” “*/}}
@import ‘wie5x.css’;/*”;}}/* */
WinIE 5.0のみ: @media tty {i{content:”\”;/*” “*/}};
@import ‘wie50.css’;{;}/*”;}}/* */
WinIE 5.5専用: @media tty {i{content:”\”;/*” “*/}}@m;
@import ‘wie55.css’;/*”;}}/* */
MacIE 5専用: /*\*//*/
@import “mac5.css”;
/**/
2つのハックを組み合わせる: /*\*/
* html div{height:1%;}
/* */
バックスラッシュハックとスターハックの組み合わせ。

Stop The Rock