Twitter bootstrap 引导-背景图像不工作

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

标题
堆栈溢出

我看不到背景图像，但可以在背景中看到颜色。该图像在路径中可用

---

有人能告诉我我犯了什么愚蠢的错误吗？

没有人知道你在做什么，因为你没有显示出来（例如使用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);

或

---

我还尝试使用图像路径格式，但图像根本没有显示出来

但是当我把图像上传到我的服务器上时，我假设这可以在任何图像托管平台上工作，比如Imgur，并且使用完整的路径，它就工作了

因此，与其使用：

background-image: url('img/gradient.png');

做：

---

希望这能帮助一些人

要使用CSS加载图像，必须将图像文件保存在CSS文件夹中（如果使用外部样式表）。例如，如果使用url

image.jpg

，CSS将在CSS文件夹中查找该文件。CSS标记告诉CSS在CSS文件夹中有一个名为

img

的子文件夹，但情况可能并非如此。

您的web检查器指示了什么？

background-image: url('img/gradient.png');

background-image: url('https://example.com/img/gradient.png');