jumbotron 背景图片不显示答案

【问题标题】：jumbotron background image doesn't showjumbotron 背景图片不显示
【发布时间】：2016-10-16 07:42:12
【问题描述】：

我想在背景中显示图片，但没有显示：

<div class="jumbotron jumbotron-fluid background: url('/assets/img/mhacks.jpg') no-repeat center center;">
    <div class="container text-sm-center p-t-3">

        <h1 class="display-2">Mona Jalal</h1>
        <p class="lead">Under construction</p>
    </div>
</div>

我看到的是：

P.S.：一般来说，我该如何调试此类故障？这是我的jsfiddle： https://jsfiddle.net/e5qsnjdo/

使用以下代码：

<div class="jumbotron jumbotron-fluid style="background-image: url('/assets/img/mhacks.jpg') no-repeat center center;">
    <div class="container text-sm-center p-t-3">

        <h1 class="display-2">Mona Jalal</h1>
        <p class="lead">Under construction</p>
    </div>
</div>

我收到以下错误：

【问题讨论】：

标签： css twitter-bootstrap image background

【解决方案1】：

将您的 background 属性移动到 style 属性：

<div class="jumbotron jumbotron-fluid" style="background: url('/assets/img/mhacks.jpg') no-repeat center center;">

或者在css中定义如下：

.jumbotron {
    background: url('./assets/img/mhacks.jpg') no-repeat center center;
}

// 注意 .在 /assets 之前，如果您不使用 .它会给出 404 错误 -

【讨论】：

我收到错误，命名空间背景未绑定。这是为什么呢？
@Mona 你能解决你的问题，因为你描述的错误有点奇怪吗？
您能否更清楚地说明问题所在？我也更新了问题。
@Mona 它应该是class="jumbotron jumbotron-fluid" style="..."，但您在代码中有class="jumbotron jumbotron-fluid style="...请注意jumbotron-fluid 后面缺少的引号
你能浏览到monajalal.github.io我想知道为什么导航栏会覆盖jumbotron？

【解决方案2】：

<div class="jumbotron jumbotron-fluid" style=" background: url('/assets/img/mhacks.jpg') no-repeat center center;">
    <div class="container text-sm-center p-t-3">

        <h1 class="display-2">Mona Jalal</h1>
        <p class="lead">Under construction</p>
    </div>
</div>

【讨论】：

【解决方案3】：

您可以试试这个：将您的 CSS 属性从背景更改为背景图像。

例如background-image: url("/assets/img/mhacks.jpg" ) 封面不重复；

【讨论】：