frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

IE9でcssが効いてない・崩れる場合考えられること 対処法

スポンサードリンク


スポンサードリンク


IE9以前のブラウザではCSSの制限があり、それを超えたCSSは適応されません。

CSSセレクタ数の制限

  • 1つのCSSファイル、または1つのstyleタグ内のセレクタは4095個までです。
  • IE9以前でCSSファイル、またはstyleタグは31個目までしか適応されない。

https://support.microsoft.com/ja-jp/help/262161/a-webpage-that-uses-css-styles-does-not-render-correctly-in-internet-e

古いサイトの更新・改修などで1つのファイルに何千行のCSSを書いてる場合は気をつけたほうが良さそうです。

エラーなどでないのでこのトラップに気づくのに時間がかかります。(自分がそうでした)
この時代でもIE9以前のブラウザで対応しなければいけないときは気をつけましょう。

対処法

1つのCSSファイルという制限なので2つに分ければいいのですが、インクルードなどでheadに入れられない場合は全ファイルを記述を追加しなければいけないなど手間ですね。

クライアントにIE9のサポートは切れてるなどの材料を武器にIE9は捨ててもらうのが最善の対処法かもしれませんね...。