如何使包裝紙的高度達到100％？

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％的width屬性

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

這樣，您可以使黑色圖層始終覆蓋整個頁面。 我認為這是您想要的效果。