IEだけCSSファイルのリンク切れのような症状
ローカルでの作業時、chromeやSafariでは全く問題が無いのに、Internet ExplorerでCSSファイルのリンク切れのようなレイアウト崩れが発生。
かなりぼかしていますが、だいたいの想像はつくでしょうか？
CSSの命令文が全く効いていない状態です。
要素の検証やCSSファイルの中を見てもエラーと思われる箇所は見つかりません。
意味の分からないバグや、意図しない崩れが多々発生するInternet Explorer、マジ嫌い。
原因を調べても出てこなかったんで、忘れないように記録しておきます。
Internet Explorer互換表示設定が原因。
Internet Explorerには、互換表示という機能があります。
それが原因か？と思い、試しに設定を変えてみた所、あっさり解決です。
変更箇所は下記の通りです。
互換表示解除の手順
- Internet Explorerのブラウザの枠右上にある歯車のようなアイコンをクリック。
- プルダウンメニューが表示されます。その中の互換表示設定（B)をクリック。
- 互換表示設定画面の枠の下の方にある「イントラネット サイト互換表示で表示する（i）」のチェックマークを外す。
- 閉じるボタンをクリックして終了。
