★備忘録→ 01IE5.5 > 02IE6 > 03IE7 > 04IE8 > 05MacIE4/5 > 06fox > 07Safari > 08Opera END
05Hack(Mac/IE4/5)
Mac/IE4/5で使えるHackとサンプル例
●Hollyハック
●:root疑似クラスハック
●Internet Explorer5用のパスフィルター
●スター7ハック
●CSS使用例
END
★Hollyハック
Mac 5 Mac IE 5のみにスタイルを適用、あるいはMac IE 5のみ除外したい場合に用いる。 適用したいスタイルを、それぞれ以下のコメント形式で囲めばよい。 CSS Validatorに通る。なお、Hollyハックは別名バックスラッシュ(\)ハックとも言われている。 文字コードがShift JISのときにはバックスラッシュの代わりに「¥」を利用すればよい。
★Mac IE 5のみにスタイルを適用
/* これ以降Mac IE 5のみに適用される \*//*/
p { color:#FF0000; }
/* これ以降Mac IE 5以外にも適用される */
★Mac IE 5のみスタイルを除外
/* これ以降Mac IE 5には適用されない \*/
p { color:#FF0000; }
/* これ以降Mac IE 5にも適用される */
★:root疑似クラスハック
Firefox、Mozilla、Safari、Mac IE 5
:root疑似クラスをサポートするFirefox、Mozilla、Safari、Mac IE 5にのみスタイルが適用される。
:root疑似クラスは策定中のCSS 3.0でサポートされる予定で、CSS 2.0では定義されおらずCSS
Validatorではエラーとなる。
:root p { color:#FF0000; }
★Internet Explorer5用のパスフィルター
Internet Explorer5用のパスフィルター
Mac OS版IE5
/*?*//*/
@import "ie5mac.css";
/**/
★スター7ハック
Star 7 Hack IE 7以下とMac OS XのIE 5に適用します。使用方法は、IE 6/7やMac OS XのIE 5に適用させたく ないセレクタの前に「html*」を記述するだけです。 Firefoxなどは「html*p」を1つのものとして認識してしまうので、「そのような文字列は存在 しない」として適用されません。 しかしIE 7などは、「html*p」を「html * p」と分けて認識するので、スタイルが適用されます。
■ 構文
html*p {
color: #f00;
}