将网页上其他内容都用一个元素包裹起来,与弹出框形成兄弟元素,对这个元素使用滤镜
<main class="wrap">
//主内容
</main>
<div class="con">
//弹出框
</div>
main.wrap{ //通过JS给main元素添加wrap类就可以实现模糊效果
filter:blur(5px);
transtion: .5s filter // 模糊可以使用CSS3渐变实现动画
}
.con{
position: fixed;
}