いつまでたっても突貫工事中……。
MacIE、NN4にCSSを読み込ませない
MTで構築した、別サイトのリニューアルをしていたのですが、複雑にCSSをいじったせいでMacIEでの表示が微妙な具合……。
いっそCSSを読み込ませない対応をすることに決めました。きちんとhtmlが書いてあれば、少なくとも文字は見えるので……すみません。（と、ここで謝ってもたぶん見ていらっしゃらない……）
ついでにNN4もCSS実装が微妙なので、同時にシャットアウト。
昔のブラウザが理解できない規則を利用した小技？ です。
（これって昔、雑誌で見たんだっけ……うろおぼえ）
基本は@importという、異なる外部CSSファイルの内容を取り込む規則を利用して行います。
昔のブラウザは@importを理解しないので、CSSを読み込めないというわけです。
しかしNN4は@importを理解しない以前に、styleタグ内へいきなり@importを書くとフリーズしてしまいます。そこでまず、styleの記述を以下のようにします。
<link rel="stylesheet" href="import.css" type="text/css" media="screen, tv" />
media値にscreen値以外のものをカンマで併記します。2種類以上記述があるとNN4は理解できなくなりますので、CSSを読みに行くところまでたどりつけません。
次に、上で指定したimport.cssを作成して、中身を以下のようにします。
@import 'styles-site.css';
実際のCSSが記述されているstyles-site.cssへジャンプするように指定します。MacIEはこれを理解できないので、こちらも本来のCSSまでたどり着けず、プレーンなhtmlが表示されます。
ちなみに、@importルールはここを参照しました。
オールドブラウザの方、ごめんなさい。というか、クラシックなMacさんごめんなさい。X以上の方はSafariかMozillaで……！
個人的にOSはXよりクラシックの方が親しみあるのですが！
このエントリーのトラックバックURL: