ローカル環境化で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. 閉じるボタンをクリックして終了。

ホームページ制作の
お問い合わせ

Y desIgnのサービスは全国対応可!

全国
対応

遠方の企業様にLINEやzoomなどのビデオ会議ツールを活用させていただくことで日本全国のお客様へのサービス提供を可能としております。

ホームページを作りたいと
お伝えください

受付時間
平日火曜~金曜 10:00~17:00

0586-52-5113