IE9.js 利用時に以下の条件を満たすとスタイルがぶっ壊れて死ぬ。

1. ブラウザがIEである（当然だけど）
2. CSSを置くディレクトリを別に作成している ( example.com/index.html に対して example.com/css/foo.css など)
3. 上記CSS内部で@importしている
4. その@importしているファイルが相対パスで指定されている ( @import foobar.css )
5. サーバがファイルが見つからなくてもステータスコード200を返している

簡単に説明すると IE9.jsさんが example.com/css/foo.css の次に example.com/foobar.css を参照しに行って、最後に example.com/css/foobar.css を参照するんだけど、
example.com/foobar.css でステータスコード200が返ってくるとその時表示された内容(大抵の場合HTML)をCSSとして適用しちゃうから、スタイルは死ぬ。（エラー発生以降のスタイルは全部無視されるから）

まあそんな珍しい条件でハマる事なんて滅多に無いんだろうけど。一応ね。

Categorised as:雑記