css - 超大屏幕背景图片不显示

Question

我想在背景中显示图像，但它不显示:

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

我收到这些错误:

Answer 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 错误 -