twitter-bootstrap – Bootstrap – 背景图片不工作

发布时间：2020-12-18 00:27:51 所属栏目：安全来源：网络整理

导读：我的CSS标记： .rowbgi { background-image:url('img/gradient.png'); background-color:#cccccc;} 我的HTML标记： div class="span4 rowbgi" img class="img-circle" src="holder.js/140x140" h2Heading/h2 pStack Overflow/p pa class="btn" href="#"View

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!