質問 |
||
| 質問者: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);​ 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(​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は、て、適当に入力したものでした。怪しくなってすみません…! |