ホーリー・ハック

2006年7月 7日 16:31

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

▼EntryMore▼

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


/* Hidden from Mac IE \*/
  ここに読み込ませたくないプロパティを書きます。
/**/

これは、Mac IEのコメントのバグを利用したハックです。
Mac IEの場合、コメントの終了部分にバックスラッシュ(日本では¥)を入力すると、コメントが"終了しない"というバグがあります。
そのため、「/* Hiiden from Mac IE ¥*/」と書くと、他のブラウザでは正常にコメントがここで終了するのに対し、Mac IEではコメントがまだ続く、と解釈します。
なので、その下に書いてあるプロパティもコメント扱いされ、読み込まれない、というわけです。
ただそうなると、その下が延々とコメントになってしまうので、終了させたいところで「/**/」と空のコメントを入れ、Mac IEにもコメントの終了を知らせます。

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

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

コメントを投稿





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