• ベストアンサー

Firefoxで背景画像が表示されず困っています

サイトを作り確認してみたところ、 IEでは背景画像がきちんと表示されるのですが Firefoxでは表示されないようです。 下記のように入力しているのですが、何が原因なのかわかりません…。 詳しい方、教えていただけないでしょうか。 <!-- BODY {      background-image: url(http://aaaaa.jpg); background-color: #ffffff; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } -->

質問者が選んだベストアンサー

  • ベストアンサー
  • abril
  • ベストアンサー率69% (388/560)
回答No.4

ソースをそのままコピペしてみたところ、 BODY {      background-image: url(http://aaaaa.jpg); (省略) } この、background-imageの前のインデントのスペースが全角×5になっていました。 もしオリジナルもこの貼り付けたソースのままであるなら、それが原因である可能性が高いです。 CSSの編集にも、制御文字やスペースが表示されるエディタを使用した方が良いです。

re-ta
質問者

お礼

その部分を修正したら無事表示されるようになりました!! とても助かりました!! 本当にありがとうございます!

その他の回答 (3)

回答No.3

問題なく表示されますよ。 <style type="text/css"> <!-- body { background-image: url(./img.gif);​ background-color: #ffffff; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } --> </style> <style type="text/css"> <!-- body { background: #ffffff url(./img.gif) no-repeat center bottom fixed; } --> </style>

re-ta
質問者

お礼

チェックしていただいてありがとうございます! お手数おかけして申し訳ありません。

  • auty
  • ベストアンサー率58% (284/486)
回答No.2

     background-image: url(​http://aaaaa.jpg); に変な文字が混じっている可能性があります。 少なくともこの行を全部打ち変えてみてください。

re-ta
質問者

お礼

全角になっていたのが原因のようでした。 ありがとうございました!

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

>Firefoxでは表示されない 試してみましたが表示されるみたいですよ >     background-image: url(http://aaaaa.jpg); なんかあやしいURLですが・・・ 万が一、インデントに全角スペースをつかっているならそれを半角に 変えてみてください

re-ta
質問者

お礼

試していただいてありがとうございます! あ、URLは、て、適当に入力したものでした。怪しくなってすみません…!