html - すべてのブラウザで画像を全幅にする (bg)

Question

現在幅約 1500px の全幅のバナー画像を作成しようとしています。背景画像として設定したので、いくつかの要素を上に置いて遊ぶことができます。画像タグを全幅にすることができることは理解していますが、背景画像タグで同じことができるかどうかわかりません!

これは私のコードです。

<div id="bannerbg">
     <div class="container">
          <p id="bannertxt">demo text</p>
     </div>
</div>

.container{
    width:980px;
    margin:0px auto;
}

#bannerbg{
    background-image:url('../images/banner.png');
    width:1520px;
    height:369px;
    background-repeat: no-repeat;
    margin:0px auto;
    position: absolute;
}

#bannertxt{
    background:rgba(0,0,0,0.5);
    font-size:26px;
    font-family: 'Roboto Condensed', sans-serif;
    width:300px;
    color:white;
}

.bannertxt{
    padding-top:40px;
}

Answer 1

これを使用してみてください：

* {
    margin:0;
    padding:0;
}

これが実際の例です。

Answer 2

多分あなたは探している：

#bannerbg{
  /*Your code*/
  background-size:cover;
}