- ベストアンサー
Firefoxで背景画像が表示されず困っています
サイトを作り確認してみたところ、 IEでは背景画像がきちんと表示されるのですが Firefoxでは表示されないようです。 下記のように入力しているのですが、何が原因なのかわかりません…。 詳しい方、教えていただけないでしょうか。 <!-- BODY { background-image: url(http://aaaaa.jpg); background-color: #ffffff; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } -->
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
ソースをそのままコピペしてみたところ、 BODY { background-image: url(http://aaaaa.jpg); (省略) } この、background-imageの前のインデントのスペースが全角×5になっていました。 もしオリジナルもこの貼り付けたソースのままであるなら、それが原因である可能性が高いです。 CSSの編集にも、制御文字やスペースが表示されるエディタを使用した方が良いです。
その他の回答 (3)
- CyberDenx2
- ベストアンサー率25% (4/16)
問題なく表示されますよ。 <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>
お礼
チェックしていただいてありがとうございます! お手数おかけして申し訳ありません。
- auty
- ベストアンサー率58% (284/486)
background-image: url(http://aaaaa.jpg); に変な文字が混じっている可能性があります。 少なくともこの行を全部打ち変えてみてください。
お礼
全角になっていたのが原因のようでした。 ありがとうございました!
- yambejp
- ベストアンサー率51% (3827/7415)
>Firefoxでは表示されない 試してみましたが表示されるみたいですよ > background-image: url(http://aaaaa.jpg); なんかあやしいURLですが・・・ 万が一、インデントに全角スペースをつかっているならそれを半角に 変えてみてください
お礼
試していただいてありがとうございます! あ、URLは、て、適当に入力したものでした。怪しくなってすみません…!
お礼
その部分を修正したら無事表示されるようになりました!! とても助かりました!! 本当にありがとうございます!