html - 为所有浏览器制作全宽图像 (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是一个工作示例。