33、通过模糊来弱化背景

将网页上其他内容都用一个元素包裹起来，与弹出框形成兄弟元素，对这个元素使用滤镜

<main class="wrap">
    //主内容
</main>
<div class="con">
  //弹出框
</div> 

main.wrap{   //通过JS给main元素添加wrap类就可以实现模糊效果
    filter:blur(5px);
    transtion: .5s filter  // 模糊可以使用CSS3渐变实现动画
}
.con{
    position: fixed;
}