Question

<div class="row text-center">
    <div class="col-md-12">
    <!--Giant Background Pic-->
    <img class ="bckground" src="images/napaliWall.jpg">
    <h1> Title Text </h1>
    <p> Sand sand sand sand</p>
    </div>
</div>


.bckground{
  background-size: cover;
  background: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  max-height:100%;
  max-width:100%;

}

我的h1和p没有覆盖在背景图像上。在bootstrap的容器中执行此操作的正确方法是什么？我不想让文本成为一个固定的位置，因为我担心它可能会影响我的移动网页的响应性。我只是希望我的背景图像填充它所在的行列容器并且必须在其上面进行文本处理。我的HTML代码包含在div容器中，它只是没有显示。

Answer 1

你应该在css的背景设置图像

like background-url :( url to image）

Bootstrap，h1覆盖在容器内的背景图像上

1 个答案: