Question

我的HTML中有这个，除了background-image之外一切都有效：'images / Header.jpg'; 相反，我看到标题中的灰色但不是图像..我尝试删除灰色但仍然没有看到图像......

#outerWrapper #header {
border-bottom: solid 1px #628152; 
font-size: 18px;
font-weight: bold;
line-height: 15px;
height: 115px;
background-color: Grey;
background-image: url('images/Header.jpg');

我怎样才能做到这一点..请帮助..谢谢

Answer 1

CSS文件的路径和图像的路径是什么？

您必须考虑到，在CSS中使用url()时，路径是相对于CSS文件的，而不是相对于请求的页面。

想象一下，你有以下文件：

/website/index.html
/website/templates/main.css
/website/images/header.jpg

比CSS必须：

.style{background-image:url(../images/header.jpg);} /* Noticed "../"? */

Answer 2

尝试将网址更改为'/images/Header.jpg'

Answer 3

使用Firebug查看适用于Firefox的页面。您可能无法正确加载图像。如果那是你的问题，你也可以随时使用css。

Answer 4

当然你需要'char？也许这是区分大小写的，你在网址上有一个错误.. 也许background-image:url(images/header.jpg);

背景图像不起作用

4 个答案: