为所有浏览器制作全宽图像 (bg)

Question

我正在尝试制作目前大约 1500 像素宽的横幅图像全宽，我已将其设置为背景图像，因此我可以在上面播放一些元素，我知道您可以制作全宽图像标签，但我不确定你是否可以对背景图像标签做同样的事情！

这是我的代码；

<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;
}