html - 画像を div の背景として表示するにはどうすればよいですか?

Question

home.html 内:

<div id="footer">
    this is working!!!
</div>

css ファイル内:

#footer
{
    height: 70px;
    background-image:url('footer.png'); 
    border: 1px solid #000;
}

画像のURLを何度も確認しています..しかし、フッターdivの背景として画像が表示されません。理由は何ですか。私を助けてください

Answer 1

構文は問題ないようです

cssファイルへの相対パスを入れます

たとえば、ファイルが次の場所にある場合

WEB-INF
|     | css
|     |      your.css
|     | images
|     |      footer.png

次に使用します

 background-image:url('../images/footer.png'); 

firebug を使用して正しいパスを探すことができます。配置して URL を編集し../../images、画像が表示されたら同じデータで css ファイルを更新できます。

Answer 2

構文は基本的に問題ありません。

画像へのパスが間違っている可能性があります。../css ファイルから 1 つ上のフォルダーに移動するか/yourpath/footer.png、ルート フォルダーから開始してみてください。