ローカル環境化でIEがCSSのリンク切れ?

ローカル環境化でIEがCSSのリンク切れ?

IEだけCSSファイルのリンク切れのような症状

ローカルでの作業時、chromeやSafariでは全く問題が無いのに、Internet ExplorerでCSSファイルのリンク切れのようなレイアウト崩れが発生。

かなりぼかしていますが、だいたいの想像はつくでしょうか?
CSSの命令文が全く効いていない状態です。
要素の検証やCSSファイルの中を見てもエラーと思われる箇所は見つかりません。

意味の分からないバグや、意図しない崩れが多々発生するInternet Explorer、マジ嫌い。

原因を調べても出てこなかったんで、忘れないように記録しておきます。

Internet Explorer互換表示設定が原因。

Internet Explorerには、互換表示という機能があります。
それが原因か?と思い、試しに設定を変えてみた所、あっさり解決です。
変更箇所は下記の通りです。

互換表示解除の手順

  1. Internet Explorerのブラウザの枠右上にある歯車のようなアイコンをクリック。
  2. プルダウンメニューが表示されます。その中の互換表示設定(B)をクリック。
  3. 互換表示設定画面の枠の下の方にある「イントラネット サイト互換表示で表示する(i)」のチェックマークを外す。

  4. 閉じるボタンをクリックして終了。

関連タグ

ブログ