如何将图像显示为div的背景？

Question

在home.html内：

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

在css文件中：

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

我再次查看图片的网址＆amp;再次..但我无法在页脚div中看到图像作为背景。是什么原因。请帮帮我

Answer 1

语法似乎很好

放置相对于css文件的路径

e.g。 如果您的文件位于

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

然后使用

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

您可以使用firebug查找正确的路径，您可以通过放置../../images来编辑网址，一旦图像可见，就会使用相同的数据更新您的css文件。

Answer 2

基本上语法很好。

图像的路径可能是错误的。 尝试../从css文件或/yourpath/footer.png上升一个文件夹，从根文件夹开始。