原本用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;
}
本文介绍了解决页面滚动时遮罩层覆盖下方内容的问题,通过将遮罩层的定位方式从absolute改为fixed,使遮罩层在页面滚动时保持在屏幕上的固定位置,解决了遮罩层覆盖内容的问题。
1219

被折叠的 条评论
为什么被折叠?



