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;
}

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

Answer 1

语法似乎很好

放置相对于css文件的路径

例如，如果您的文件位于

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

然后使用

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

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

Answer 2

语法基本没问题。

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