IEでbackgroundの背景画像が表示されないエラー対応
backgroundの半角スペースを修正しても、display:block;の縦横幅を指定しても、なにをしても背景画像imgが映らない…!
めちゃくちゃ調べた結果、とてもアホな原因で表示されないことがあることが分かりました。
目次
IEでbackgroundの背景画像が表示されないエラーの対応法
ソースコードは完璧。他の画像なら反映されるのに、ある画像のみが反映されない。
どういうことだってばよ…?
ある画像のみ…?
わたしはそのエラー部分に使っていた画像ファイルについて、ちょっとラクをしようと思って、ネットで拾った「A.png」を名前変更でポンッと「A.jpg」に変更していたことを忘れていました。原因はコレです。画像の種類を変える時は、名前変更で拡張子を変更しただけではダメってことです。(とても初歩的なことです。デザイナーの人が聞いたらキレるかもしれませんね…。)
まとめ
画像ファイルの拡張子は正しく使おう
他のブラウザは読み取ってくれるのに…っていうのは単なる甘えですね。IEはとってもデリケートなブラウザ。乱暴に使ってはいけません。(今回のエラーはそれ以前の問題ですが。)