制作一个覆盖整个页面的div

小编典典

制作一个覆盖整个页面的div

css

我想做一个涵盖整个页面的div。我将CSS样式的高度设置为：100％，但这仅覆盖可见区域。向下滚动时，我希望它也能覆盖该区域。

阅读 543

2020-05-16

共1个答案

小编典典

使用position:fixed这种方式，您的div将连续保持在整个可见区域内。

给您的div一个类，overlay并在CSS中创建以下规则

.overlay{
    opacity:0.8;
    background-color:#ccc;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

2020-05-16