遮罩层有滚动条的情况下覆盖全屏

本用position:absolute;页面滚动遮罩层不会覆盖下方内容,换成position:fixed;就可以解决问题了。
.mask {
position: fixed;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: auto;
backdrop-filter: blur(10px);
opacity: 0.4;
background: #000;
}

你可能感兴趣的:(前端)