0

コンテンツの量に関係なく、不透明レイヤーを一番下まで塗りつぶしたいです。したがって、コンテンツはほとんどありません。一番下まで伸び、多くのコンテンツがあります。底まで伸びます。

border-box私は、 、display:block、および過去 3 日間に見つけた他のすべての方法を試して、これだけを理解しようとしました。

また、コンテンツが少なくても常に塗りつぶされて表示されるようにコンテンツを設定しようとしmin-height:800pxましたが、コンテンツがこれらの 800px を超えると同じ問題が発生します。 http://jsfiddle.net/rZkSx/または問題のある元のサイト: http://www.fredberentsen.com/fotosafari/index.html

短いバージョン:
コンテンツのサイズに関係なく、白い不透明レイヤーを上から下まで塗りつぶしたい.

4

1 に答える 1

0

HTML で、クラスを含む 1 つの div を追加します (例: マスク)

<div class="mask></div>

CSS でそのクラスにルールを追加します。

.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

Fiddleも更新しました。

于 2013-03-29T12:50:26.553 に答える