Bootstrap - 背景图像不工作

Question

我的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 -->

我无法看到背景图像,但在背景中看到了颜色.图像在路径中可用.

有人能告诉我一些愚蠢的错误吗？

Answer 1

没有人知道你在做什么,因为你没有显示它(例如,用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);