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

• Z时代
• 2024-01-10
• 分类：问答

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

回答：

使用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;
}

以上是 制作一个覆盖整个页面的div 的全部内容， 来源链接： utcz.com/qa/412306.html