为所有浏览器制作全宽图像（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;
}

Here是一个有效的例子。

Answer 2

也许您正在寻找：

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