0

我目前在我的网站上有一个包装器,您可以在此页面上看到:http: //moviora.com/movie/977

这不能正常工作。我希望 div“包装器”中的深色叠加背景是 100%。我现在有这个:

 <div id="wrapper" style="background-color: rgba(0, 0, 0, 0.6);background-size:100%;padding-top:100px;padding-right:100px;padding-left:100px;"> 

....

</div>

我怎样才能使我的包装器 100% 高度?

4

4 回答 4

0

您可能应该100%像这样指定两次:background-size: 100% 100%;. 宽度百分比是宽度,第二是高度。

于 2013-03-05T04:07:55.890 回答
0

只需添加 100% 的宽度属性

<div id="wrapper" style="width: 100%; background-color: rgba(0, 0, 0, 0.6);background-size:100%;padding-top:100px;padding-right:100px;padding-left:100px;"> 

....

</div>
于 2013-03-05T04:09:31.843 回答
0

用这个

#wrapper{ 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
于 2013-03-05T04:11:07.533 回答
0

我相信,通过包装,您指的是黑色层。

您可以执行以下操作:

<div id="outer">
    <div id="wrapper"></div>
</div>

这是您应该使用的 CSS

#outer{
    position: relative;
}

#wrapper{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
}

通过这样做,您可以使您的黑色图层始终覆盖整个页面。我认为这是您正在寻找的效果。

于 2013-03-05T04:14:54.150 回答