0

我正在尝试制作目前大约 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;
}
4

2 回答 2

0

Maybe you are looking for:

#bannerbg{
  /*Your code*/
  background-size:cover;
}
于 2013-02-10T13:45:38.597 回答
0

尝试使用这个:

* {
    margin:0;
    padding:0;
}

是一个工作示例。

于 2013-02-10T13:40:12.733 回答