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％の幅属性を追加するだけです

<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

おそらく100%次のように 2 回指定する必要がありますbackground-size: 100% 100%;。幅のパーセンテージは幅、秒は高さです。

于 2013-03-05T04:07:55.890 に答える
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 に答える