Question

我目前在我的网站上有一个包装器，您可以在此页面上看到：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％高度？

Answer 1

您应该像这样指定100%两次：background-size: 100% 100%;。宽度百分比用于宽度，第二个用于高度。

Answer 2

只需添加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>

Answer 3

使用此

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

Answer 4

我相信，通过包装器，你指的是黑色层。

您可以执行以下操作：

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

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

如何使我的包装纸100％高度？

4 个答案: