2010-12-01 123 views
5

我在我的HTML中有一切除了背景图像:'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'); 

我怎样才能使这项工作..请帮助..谢谢

回答

2

看一看与Firebug为Firefox页面。您可能无法正确加载图像。如果这是您的问题,您还可以随时随地使用CSS。

2

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

+0

不能正常工作..任何其他建议..谢谢 – user175084 2010-12-01 17:22:00

1

确定您需要'char?也许这是区分大小写的,你有一个URL中的错误.. 也许background-image:url(images/header.jpg);

5

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

您必须在帐户,使用CSS url()当路径是相对于CSS文件,而不是所请求的页面

假设你有以下文件:

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

比CSS必须是:

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