我的CSS标记：
.rowbgi {
background-image:url('img/gradient.png');
background-color:#cccccc;
}
我的HTML标记：
<div class="span4 rowbgi">
<img class="img-circle" src="holder.js/140x140">
<h2>Heading</h2>
<p>Stack Overflow</p>
<p><a class="btn" href="#">View details </a></p>
</div><!-- /.span4 -->
我无法看到背景图像,但在背景中看到了颜色.图像在路径中可用.
有人能告诉我一些愚蠢的错误吗？
解决方法
没有人知道你在做什么,因为你没有显示它(例如,用jsfiddle; P),但我的第一个猜测是你有以下文件结构：
>根目录中的HTML文件：/index.html,
> css目录中的CSS文件：/css/style.css,
> /img/gradient.png中的图像.
现在,请注意,从HTML / CSS链接的所有文件都有相对于它们的路径.所以,如果你把CSS保存在/ css中,那么CSS img / xxx中的路径会链接到/ css / img / xxx.如果我猜对了,这是你的情况,改变风格为：
background-image:url(/img/gradient.png);
要么
background-image:url(../img/gradient.png);