遮罩层

//制作遮罩层
position: fixed;
top:0;
left:0;
z-index:100; //覆盖底下的内容
100%;
height:100%;
overflow: auto; //当内容超出时,自动出现滚动条
background: rgba(7,17,27,0.8);
backdrop-filter:blur(10px); //ios手机才有有模糊效果

原文地址:https://www.cnblogs.com/annie211/p/6601335.html