ホーリー・ハック

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

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

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

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

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

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

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

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

  • Hatenaブックマークに追加 Hatenaブックマーク数
  • livedoorクリップへ追加 livedoorクリップ数
  • Buzzurlにブックマーク Buzzurlブックマーク数
  • POOKMARK Airlinesへ追加
  • del.icio.usに追加

トラックバック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

コメントを投稿





承認されるまでコメントは表示されません。しばらくお待まちください。