0

我刚刚完成了我的代码，突然之间徽标不再显示了。（它在我的浏览器刺激器上运行良好。）如果有人知道我做错了什么，请告诉我，如果没有显示徽标，网站就没有多大用处！

CSS：

#header {
height: 150px;
margin-left: 15px;
background-image: url('../images/headings/header.gif');
background-repeat: no-repeat;
text-align: right;
padding-top: 10px;
padding-right: 50px;
}

HTML

<div id="header">
<a href="realtors.htm">Realtors Click Here</a><br /><br /><br /><br />
<p><a href="http://www.facebook.com/PrimaResidential"><img src="images/headings/facebook.png" alt="Facebook" width="100" height="70" /></a></p>
<p><a href="https://twitter.com/Prima_Updates"><img src="images/headings/twitter.png" alt="Twitter" width="100" height="70" /></a></p>
<p><a href="http://www.flickr.com/photos/prima_residential"><img src="images/headings/flickr.png" alt="Flickr" width="100" height="70" /></a></p>
</div>

标题中的其他所有内容都可以正常工作，我只是不知道为什么图像不起作用！徽标是 CSS 中的背景图像，以防有人在寻找它！

谢谢！！

4

6 回答 6

1

你确定你的路径是对的吗？我看到您的其他图像正在从图像/标题/加载。尝试在 CSS 中将 ../images/ 更改为 images/。

于 2012-08-23T06:06:50.697 回答
0

检查图像文件夹的路径。正如您所说，它在您的本地机器上工作，所以我猜您的 css 类的父文件夹中有图像文件夹。检查部署后是否同样适用。

于 2012-08-23T06:11:19.163 回答
0

尝试这个 **

背景图片: url('/images/headings/header.gif');

**

于 2013-09-30T12:08:27.983 回答
0

确保图像位于正确的文件夹或目录中。您也可以尝试使用浏览器直接从服务器打开图像，并可以将该 URL 用于您的 CSS，例如；

background-image: url('http://yourserver.com/dir1/dir2/header.gif');
于 2012-08-23T06:08:46.637 回答
0

我想到了！！由于某种原因，当我下载压缩文件时，有一些项目没有完全加载，而 header.gif 恰好是其中之一。我刚刚重新下载了 .gif，它现在可以完美运行了！感谢大家的建议！

于 2012-08-23T16:22:15.143 回答
0

尝试这个

background-image: url('../../images/headings/header.gif');

于 2018-09-02T08:25:41.920 回答