15

div の背景画像を全幅でレスポンシブにする方法を見つけようとしています。background-image はページの幅全体に拡大していますが (レスポンシブです)、画像の高さが完全な高さではありません。なんとなく切り捨てられているようです。私はブートストラップ フレームワークを使用しています。これを実行しようとしている理由は、画像にテキストを重ねたいからです。私は非常に多くの異なることを試しましたが、それを理解できないようです, 助けて!

<div class="bg-image">
  <div class="container">
    <div class="row-fluid">
      <div class="span12">
        <h1>This is some text</h1>
      </div>
    </div>
  </div>
</div>


  .bg-image {
  background: url(img/image.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-height: 450px;
  }
4

3 に答える 3