我怎样才能让我的包装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％的宽度属性

<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> 

下面是你应该使用

#outer{ 
    position: relative; 
} 

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

这样的CSS，你可以让你的黑色层总是覆盖整个页面。我认为这是你正在寻找的效果。