私は静的サイトをローカルで開発してきました (localhost ではなく、ブラウザーでローカル ファイルをプレビューするだけです)。すべて Firefox と Chrome で正常に動作しますが、html の画像が IE に表示されません。IE のすべてのバージョン。また、Google フォントが読み込まれません。ただし、css DO で呼び出される画像は機能します。ページの読み込みに非常に時間がかかり、タイムアウトになることもあります。
すべてをベータ サイトにアップロードしました。サーバーから見ると、すべて IE で正常に動作します。
ファイルを家に持ち帰って、自分のコンピューターの家庭用バージョンの IE でサイトを見たところ、問題なく表示されたので、このコンピューターまたは IE のバージョンに問題があるように見えますか? 私はIE9を使用しています。
-- コンソールのエラーは次のとおりです。それらはすべて @font-face に関連しています。Google フォントへのリンクをコメント アウトしても、画像は表示されません。
CSS3117: @font-face failed cross-origin request. Resource access is restricted.
C6HYlRF50SGJq1XyXj04z2msoyWrDyoltQVIP7q_RGg.eot CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。C6HYlRF50SGJq1XyXj04zzBIQ40lcwWW3vj9tFMKvqw.eot CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。xgzbb53t8j-Mo-vYa23n5nZ2MAKAc2x4R1uOSeegc5U.eot CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。q9w3H4aeBxj0hZ8Osfi3dzoGYR7Z3iWH66EXnaJoKgg.eot CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。q9w3H4aeBxj0hZ8Osfi3d9P2OS6Bzu7BENq0TH5sayk.eot CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。C6HYlRF50SGJq1XyXj04z3l4twXkwp3_u9ZoePkT564.woff CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。C6HYlRF50SGJq1XyXj04z9Od4RnLmtUrdSQkDmC5b8k.woff CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。q9w3H4aeBxj0hZ8Osfi3dy1dfeF-hbOdKKuBDEXxqhQ.woff CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。xgzbb53t8j-Mo-vYa23n5nhCUOGz7vYGh680lGh-uXM.woff CSS3117: @font-face がクロスオリジン要求に失敗しました。リソースへのアクセスが制限されています。q9w3H4aeBxj0hZ8Osfi3d3pumDtkw9GHrrDfd7ZnWpU.woff
-- ボイラープレート テンプレートを使用しています
画像コード:
<img src="img/icon-fb.png" alt="facebook" width="32" height="32">
画像は、サイトのルートにある「img」というフォルダーにあります。index.html ファイルはサイトのルートにあります。