我的CSS标记：
.rowbgi {
background-image:url('img/gradient.png');
background-color:#cccccc;
}我的HTML标记：
<div class="span4 rowbgi">
<img class="img-circle" data-src="holder.js/140x140">
<h2>Heading</h2>
<p>Stack Overflow</p>
<p><a class="btn" href="#">View details </a></p>
</div><!-- /.span4 -->我无法看到背景图像，但可以在背景中看到颜色。图像在路径中可用。
谁能告诉我我犯了什么愚蠢的错误？
5条答案
按热度按时间zz2j4svz1#
没有人知道你在做什么，因为你没有表现出来（比如用jsfiddle ; P），但我的第一个猜测是，你有以下文件结构：
/index.html，/css/style.css，/img/gradient.png的图像。现在，请注意，所有从HTML/CSS链接的文件都有相对于它们的路径。因此，如果您将CSS保存在
/css中，则CSSimg/xxx中的路径链接到/css/img/xxx。如果我猜得没错，并且这是您的情况，请将样式更改为：或
pu82cl6c2#
我还尝试使用图像路径格式，但图像根本不显示。
但是当我把图片上传到我的服务器时，我假设这可以在任何图片托管平台上工作，比如Imgur，并且使用了完整的路径，它工作了。
因此，不要使用：
应执行：
希望这能帮助到一些人！
yhived7q3#
要使用CSS加载图像，您必须将图像文件保存在CSS文件夹中（如果使用外部样式表）。例如，如果您使用url
image.jpg，CSS会在CSS文件夹中查找该文件。您的CSS标记会告诉CSS您的CSS文件夹中有一个名为img的子文件夹，但实际情况可能并非如此。disbfnqx4#
将您的png转换为file，然后在html代码中打开body标记后粘贴同一行
k10s72fa5#
背景：url（“../图像/图像名称”）固定中心;