2012-04-30 15 views
0

私は〜300kbのサイズの背景画像を持っています。html - 読み込みが遅い

何らかの理由で、数分間経過してもウェブページに読み込まれません。 これは私が背景イメージを使用しているコードです。それは私のウェブページと同じレベルです。

ここで何か問題がありますか?またはイメージが大きすぎます..?おかげさまで

body { 
background-color: #D2C7AC; 
background-image:url('background.jpg'); 
background-size: cover; 
background-repeat: no-repeat; 
} 

私は問題が解決したと思います。助けてくれてありがとう:

+0

ポストリンク – ShibinRagh

+0

リンクを追加しました。ありがとうございます。 – Meowbits

+0

このブラウザはどこですか? – breezy

答えて

3

イメージのURLは引用符で囲む必要があります。

background-image:url('background.jpg'); 

あなたは(それが404を返さないことを確認してください)画像が正しくとしても発見されていることを確認するために開発ツールでネットワーク]タブを確認することができます。

+0

更新されましたが、まだ問題が発生しています。 – Meowbits

+0

画像が要求されているかどうか確認しましたか?デベロッパーツールを開いて[ネットワーク]タブに移動すると、 'GET background.jpg'のようなものが表示され、ステータスは200または304になるはずです。ステータスが404の場合、イメージは表示できません見つけられる(悪いURL)。 200または304の場合は、画像が表示されないようにHTMLやCSSに何かがあります。 – Bill

+0

投稿したリンクでは、画像が正しく表示されているのがわかります。読み込むのが本当に遅いです。それは300キロバイトをダウンロードするのにそれほど時間を費やしてはならない、何かが間違っている... – Bill

0

あなたは調査するフィドラーを使用して試すことができます:

http://fiddler2.com/fiddler2/

それはあなたがバックグラウンドで起こっている正確に何を見るのに役立ちます。

関連する問題