ホームページ  >  記事  >  ウェブフロントエンド  >  MIME タイプの不一致により CSS が無視された場合の対処方法

MIME タイプの不一致により CSS が無視された場合の対処方法

藏色散人
藏色散人オリジナル
2021-04-19 10:07:142958ブラウズ

MIME タイプの不一致により CSS が無視される場合の解決策: 1. Link タグを検出する; 2. http プロトコルを通じてページを参照する; 3. サーバー環境を手動で構成する。

MIME タイプの不一致により CSS が無視された場合の対処方法

#この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。

IE ブラウザで「SEC7113: Mime タイプの不一致により CSS が無視されました」問題が発生する原因は何ですか?どうやって対処すればいいのでしょうか?次の記事で紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

MIME タイプとは何ですか?

MIME (MultiPurpose Internet Mail Extensions) 多目的インターネットメール拡張子タイプは、特定の拡張子のファイルをアプリケーションで開くように設定するタイプです。が来ると、ブラウザは指定されたアプリケーションを自動的に使用して開きます。これは主に、クライアント定義のファイル名とメディア ファイルを開く方法を指定するために使用されます。

エラーが発生するのはなぜですか?

IE9 以降の IE ブラウザ、特にローカル環境では、サーバー設定がない場合、外部リンクの CSS ファイルが正常に読み込まれず、期待どおりの効果が得られません。このような問題が発生すると、IE に付属のデバッグ ツールのコンソールにエラー メッセージ「SEC7113: Mime タイプの不一致により CSS が無視されました」が表示されます。

Microsoft社はIE9以降、ファイル名認識プログラムを追加しました。これはIE9以降の標準モードでのみ表示されます。互換モードでは問題ありません。

[推奨学習:

css ビデオ チュートリアル ]

解決策

このエラーの原因がわかったので、次は次のとおりです。この問題は、対象を絞った方法で解決できます。以下に検出手順と方法を示します。実際の状況に応じて、特定の手順をスキップできます。

1. Link タグの検出

Link タグは、スタイル シートに導入するタグです。type=text/css 属性が欠落しているかどうかを確認してください。ここでは、その完全な例を示します。リンクタグ。

<link rel=stylesheet type=text/css href="style.css">

追加しても効果がない場合は、読み進めてください。

2. 静的ページではスタイルを表示できない

実際、多くの人は、ブラウザを直接使用して Web ページをローカルで開いた場合、つまり、 http: プロトコル。Web ページは file: プロトコルを通じて開かれます。おそらくシステムの問題が原因で、CSS は正しい Mime を返すことができません。

レジストリ エディターに入り、HKEY_CLASSES_ROOT\.css のコンテンツ タイプが text/css であるかどうかを確認します。

3. サーバー環境ではスタイルが表示できません

サーバー環境ではスタイルが表示できません ローカルでもリモートでも解決策は同じです サーバーが戻れないので正しいドキュメント タイプを手動で設定する必要があります。

IIS サーバー

IIS サーバーの場合は、サーバーが正しい CSS Mine 情報を出力するように web.xml ファイルを構成します。

<mime-mapping>
<extension>css</extension>
<mime-type>text/css</mime-type>
</mime-mapping>

Apache サーバー

Web サーバーがドキュメントをブラウザに送信するとき、ドキュメントの先頭に応答ヘッダーが付けられます。このヘッダーには、ドキュメントの解釈方法をブラウザに伝える情報が含まれています。 、メタデータの最も重要な部分の 1 つは、最後の行の Content-Type です。これはブラウザにコンテンツをレンダリングする方法を指示します。たとえば、JPEG と GIF を表示するためにブラウザで使用されるコードは異なります。

ここでは、CSS ファイルの Content-Type を正しく設定する必要があります。Apache インストール ディレクトリに conf フォルダがあります。その中の mime.types ファイルは、応答ヘッダーのドキュメント タイプ設定です。

mime.types ファイルにコードを追加し、Apache サーバーを再起動します。

text/css                    css

それでも動作しない場合は、httpd.conf ファイルにコードを追加して mime.types 構成ファイルをロードしてみてください。

rree

以上がMIME タイプの不一致により CSS が無視された場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。