CSS背景网址未显示答案

【问题标题】：CSS background url not showing upCSS背景网址未显示
【发布时间】：2018-09-02 16:25:41
【问题描述】：

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

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 中的背景图像，以防有人在寻找它！

谢谢！！

【问题讨论】：

只需检查background image 的image url 是否正确，即图片是否正在加载或加载失败
../images/headings/header.gif 将相对于 css 文件所在的位置，或者如果它与页面内联，则相对于页面。

标签： css image background

【解决方案1】：

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

【讨论】：

我这样做了大约三四次，只是为了确保......但没有运气
@ashleigh 你可以试试绝对路径吗？

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

我把它移到了 css 文件夹中，仍然没有成功！！

【解决方案4】：

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

【讨论】：

【解决方案5】：

试试这个 **

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

**

【讨论】：

【解决方案6】：

试试这个

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

【讨论】：