IEでbackgroundの背景画像が表示されないエラー対応

web制作

※この記事は、作成日より一年以上が経過しています。最新の情報ではありませんので、ご注意ください。

読了の目安時間: 056

backgroundの半角スペースを修正しても、display:block;の縦横幅を指定しても、なにをしても背景画像imgが映らない・・・!

めちゃくちゃ調べた結果、とてもアホな原因で表示されないことがあることが分かりました。

IEでbackgroundの背景画像が表示されないエラーの対応法

ソースコードは完璧。他の画像なら反映されるのに、ある画像のみが反映されない。

どういうことだってばよ・・・?

・・・ある画像のみ・・・?

わたしはそのエラー部分に使っていた画像ファイルについて、ちょっとラクをしようと思って、ネットで拾った「A.png」を名前変更でポンッと「A.jpg」に変更していたことを忘れていました。原因はコレです。画像の種類を変える時は、名前変更で拡張子を変更しただけではダメってことです。(とても初歩的なことです。デザイナーの人が聞いたらキレるかもしれませんね・・・。)

まとめ

画像ファイルの拡張子は正しく使おう

他のブラウザは読み取ってくれるのに・・・っていうのは単なる甘えですね。IEはとってもデリケートなブラウザ。乱暴に使ってはいけません。(今回のエラーはそれ以前の問題ですが。)

今読んだ記事をシェアする

no photo

IEでbackgroundの背景画像が表示されないエラー対応

  • このエントリーをはてなブックマークに追加
  • Pocket

このブログサイトが参考になった人は、いいねボタン! 更新情報も受け取れます!

arrow
デル株式会社
  • Pocket
  • このエントリーをはてなブックマークに追加

キヨタツ

キヨタツ

WEBを中心に、色々な制作をする個人事業主です。過去、エンジニア&webディレクターで会社勤めをしていました。主に要件定義や構築が得意で、HTML/css/javascript/PHP/git/wordpress/MT/DB/photoshop/illustrator/fireworksなど扱えます。現在、サーバー・アプリなどを習得中です。性格は、自虐好きです。