Html 具有Yii2全屏背景图像的容器

我正在尝试获取此容器的全屏背景图像：

<div class="header"

    <div class="container">

        <div class="row">
            <div class="col-lg-12">

                <h2 class="text-center">test1</h2>

                <p class="lead text-center">test2</p>

                <p class="text-center"><a class="btn btn-lg btn-success"
                                          href="http://localhost/"><span
                            class="glyphicon glyphicon-plus"></span> something</a></p>
            </div>
        </div>
    </div>

我应该怎么做才能实现标题中的全屏背景图像

---

你能试着在Codepen上举个例子吗

您的div类“header”没有结尾“>”，这可能会导致一些问题

在指定背景img的CSS中尝试以下操作：

  background-size:cover;

---

使用容器类添加其他类，并使用带有封面选项的背景图像。这里我使用.bimg作为例子

---

将其添加到css标题中

position: absolute;
top: 0;
left: 0;
right: 0;

---

现在应该可以用了。

非常感谢，它可以用了，但唯一的问题是正文内容被包装在标题处，请参见：添加页边距顶部：450px；添加到标题下所需的内容。这应该会有帮助

.bimg{
    width:100%;
    background:url('PATH');
}

position: absolute;
top: 0;
left: 0;
right: 0;