ホーリー・ハック

カテゴリ:CSSハック 2006年7月 7日 16:31

Mac IE を"はじく" CSS ハックです。
このハック内の CSS プロパティは、Mac IE には読み込まれません。
簡単に言うと、コメントのバグを利用したハックです。n

Mac IEにだけ読み込ませたくないプロパティがある場合は以下のように書きます。

これは、Mac IE のコメントのバグを利用したハックです。
Mac IE の場合、コメントの終了部分にバックスラッシュ(日本では ¥ )を入力すると、コメントが"終了しない"というバグがあります。n

そのため、「/* Hiiden from Mac IE ¥*/」と書くと、他のブラウザでは正常にコメントがここで終了するのに対し、Mac IE ではコメントがまだ続く、と解釈します。n

なので、その下に書いてあるプロパティもコメント扱いされ、読み込まれない、というわけです。
ただそうなると、その下が延々とコメントになってしまうので、終了させたいところで「/**/」と空のコメントを入れ、Mac IE にもコメントの終了を知らせます。n

こうすることで、Mac IE にだけ読み込ませたくないプロパティがある場合に、Mac IE だけをはじくことができます。n

この記事のカテゴリー一覧を見る⇒CSSハック

  • このエントリーをはてなブックマークに追加

トラックバックURL

http://css-eblog.com/cgi-bin/mt/mt-tb.cgi/11

トラックバック

[IE6バグ]IE6で小さいBOXで高さがずれる件

角丸背景BOXや背景を使用した可変BOXを作るときに上下にbackgroundでボックスの端を表示させるわけなんだけども、高さが10px程度とかそれより小...

bypunco punco 2008年9月26日 02:12

実用 CSSハック 一覧 − web tips 追加

 web tips サンプルを追加しました。 実用 CSSハック 一覧CSSハックって、必要悪という気もしますが、ブラウザが複数...、...

bys-ej blog 2011年7月 7日 16:46