ようこそ ゲスト さん、新規登録(無料)して気になる疑問を解決しませんか?

質問

質問者:re-ta Firefoxで背景画像が表示されず困っています
困り度:
  • 困っています
サイトを作り確認してみたところ、
IEでは背景画像がきちんと表示されるのですが
Firefoxでは表示されないようです。
下記のように入力しているのですが、何が原因なのかわかりません…。
詳しい方、教えていただけないでしょうか。

<!--
BODY {
     background-image: url(​http://aaaaa.jpg);
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center bottom;
background-attachment: fixed;
}
-->
質問投稿日時:08/04/09 11:57
質問番号:3934535
この質問に対する回答は締め切られました。
最新から表示回答順に表示良回答のみ表示

回答

良回答20pt

回答者:abril ソースをそのままコピペしてみたところ、

BODY {
     background-image: url(​http://aaaaa.jpg);
(省略)
}

この、background-imageの前のインデントのスペースが全角×5になっていました。
もしオリジナルもこの貼り付けたソースのままであるなら、それが原因である可能性が高いです。
CSSの編集にも、制御文字やスペースが表示されるエディタを使用した方が良いです。
種類:アドバイス
どんな人:専門家
自信:参考意見
回答日時:08/04/09 13:05
回答番号:No.4
この回答へのお礼その部分を修正したら無事表示されるようになりました!!
とても助かりました!!
本当にありがとうございます!

回答

 

回答者:CyberDenx2 問題なく表示されますよ。

<style type="text/css">
<!--
body {
background-image: url(./img.gif);&#8203;
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>
種類:回答
どんな人:一般人
自信:参考意見
回答日時:08/04/09 12:22
回答番号:No.3
この回答へのお礼チェックしていただいてありがとうございます!
お手数おかけして申し訳ありません。

回答

 

回答者:auty      background-image: url(&#8203;​http://aaaaa.jpg);
に変な文字が混じっている可能性があります。
少なくともこの行を全部打ち変えてみてください。
種類:アドバイス
どんな人:経験者
自信:参考意見
回答日時:08/04/09 12:18
回答番号:No.2
この回答へのお礼全角になっていたのが原因のようでした。
ありがとうございました!

回答

良回答10pt

回答者:yambejp >Firefoxでは表示されない

試してみましたが表示されるみたいですよ

>     background-image: url(​http://aaaaa.jpg);
なんかあやしいURLですが・・・
万が一、インデントに全角スペースをつかっているならそれを半角に
変えてみてください
種類:アドバイス
どんな人:一般人
自信:参考意見
回答日時:08/04/09 12:12
回答番号:No.1
この回答へのお礼試していただいてありがとうございます!
あ、URLは、て、適当に入力したものでした。怪しくなってすみません…!
最新から表示回答順に表示良回答のみ表示