2009-07-10 7 views
1

として表示されません。画像は存在しますが、私は私のCSSファイルでこれを持っている背景

body {style.css (line 3) 
background:#CDF8FF url(images/final_bg.jpg) no-repeat scroll center top; 
clear:both; 
font-family:Arial,Helvetica,sans-serif; 
margin:0; 
padding:0; 
} 

画像は私がブラウザを介して、それを得ることができるよう、存在するが、それは私には表示されません!なにが問題ですか?

私はファイヤーバグを使用して、その上にマウスを置くたびに、ファイヤーバグにそのアイコンがないことを示すローディングアイコンを表示します。

この混乱を解消できる方に感謝します。

Btw、キャッシュを数回クリアしました! Fedora LinuxボックスでFirefoxを使用しています。

答えて

2

、あなたのスタイルシートで相対URIを使用する場合は、スタイルシートのURIにそれらを相対にする必要があります。

あなたのスタイルシートが/css/style.cssにあるのであれば、あなたは正しく/images/final_bg.jpgを参照するために../images/final_bg.jpgを使用する必要があります(または、あなたは絶対URIのパス/images/final_bg.jpgを使用します)。

+0

あなたは伝説です。 – Abs

+2

このように約5つの答えがあります...そしてガンボは伝説ですか?じょうだんですか? – dfa

+0

最初に、私は見て、それは働いた。コメントでかわいらしくはありません。 – Abs

2

相対URLです。 /images/final_bg.jpgにする必要がありますか?

Webサーバーのアクセスログを見て、要求されているものを確認してください。

また、Firebugのでは、ネットワークトラフィックを見て - あなたが期待する要求と成功応答を見ている(200)

編集:

+0

スタイルシートのURLがわからないため、そのURLが画像の正しいURLであることはわかりません。 – Quentin

+1

10k upvoteは私のものです! – dfa

+0

huh?画像には絶対URLがあります。どこでも使用できます。私はそれがスタイルシートではなくページに関連していると信じています。 –

3

オッズはということであるデビッドさんのコメントに基づいて補正指定されたイメージは実際には存在しません。

http://example.com/css/images/final_bg.jpg 

で画像を参照する

http://example.com/css/style.css 

でスタイルシートで

http://example.com/foo.html 

が、実際に画像を置く:

よくある間違いはでHTMLドキュメントを配置することです

http://example.com/images/final_bg.jpg 

スタイルシートのURLは、スタイルシートを基準にしたものであり、スタイルシートを参照するものではありません。

は、画像を移動するか、URLを変更

+0

私は実際のURLが既存のイメージを参照していないことを意味すると思います。彼がURLを指定してイメージに到達できるなら、私はそれが存在すると確信できると思いますが、あなたが説明したのとは異なる場所にある可能性が高いです。 – tvanfosson

+0

David、あなたは正しいです。私はそれを知らなかった。 – Abs

+0

+1私の賭けについて説明しているので、この回答は私のものよりも優れています! :) – dfa

0

は、あなたのCSSは、外部スタイルシートである場合は特に、絶対パスを使用してみてください(上記の例では/で開始します)。

url(/images/final_bg.jpg) 

ことが

url('images/final_bg.jpg') 

・ホープこのことができますに引用符を追加してみてください動作しない場合!

+1

引用のアドバイスは偽です。彼らはオプションです。 (そして、一重引用符は実際にIE5/Macを壊します) – Quentin

0

私は../images/final_bgに賭ける。JPG:あなたが引用符内のパスを配置する必要があり

background:#CDF8FF url(../images/final_bg.jpg) no-repeat scroll center top; 
-1

background:#CDF8FF url('images/final_bg.jpg') no-repeat scroll center top; 
+0

引用符はここで何の違いもありません。あなたがその文脈では使用できないいくつかの文字を使いたい場合、それらをエスケープしない( 'url(" foo()。png ")')の閉じ括弧などの場合にのみ必要です。 – Gumbo

関連する問題