CSS标题图像未显示

Question

我有以下CSS代码在标题上显示图像，但图像未显示。

#header {
    margin:          0 auto;
    width:           830px;
    height:          250px;    
    background-image: url("images/banner.jpg");
    background-repeat:no-repeat;
}

问题是，没有任何表现。

任何人都可以帮助我吗？

谢谢。

Answer 1

可能的原因：

1. 验证您的html元素是否有 id ＆＃34;标题＆＃34; （不是类而不是标题元素）。

2. 图像路径文件的相对，因此为了匹配您的css代码，您应该在与css文件相同的目录中找到名为images的目录。

   < / LI>

3. 检查图像文件banner.jpg实际上是否存在。

另外，请检查浏览器控制台是否有错误消息。

Answer 2

一切都很好，除了你的图像路径，见：

＆＃13;

＆＃13;

#header {
    margin:          0 auto;
    width:           830px;
    height:          250px;    
    background-image: url("http://cdn2.thr.com/sites/default/files/2012/12/img_logo_blue.jpg");
    background-repeat:no-repeat;
}

＆＃13;

<div id="header"></div>

＆＃13;

＆＃13;

＆＃13;

如果您将分享项目的结构，我可以帮助您编写正确的图像路径。