Question

我刚刚完成了我的代码生活和放大标志不会再显示了。（它在我的浏览器刺激器上运行正常。）如果有人知道我做错了请告诉我，如果徽标没有显示，网站没什么用处！

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中的背景图像，任何人都在寻找它！

谢谢！

Answer 1

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

Answer 2

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

background-image: url('http://yourserver.com/dir1/dir2/header.gif');

Answer 3

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

Answer 4

我想通了!!出于某种原因，当我下载压缩文件时，有一些项目没有完全加载，header.gif恰好是其中之一。我刚刚重载了.gif＆amp;它现在完美运作！谢谢大家的建议！

Answer 5

试试这个 **

background-image：url（'/ images / headings / header.gif'）;

**

Answer 6

尝试

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

CSS背景网址没有显示出来

6 个答案: