js实现模糊的蒙层

在项目当中遇到一个问题：在做新人指导的时候，蒙层需要是模糊的，使得下方的内容看不清楚。
这里有一个误区：以为模糊的那层是加在蒙层上的，其实是加在蒙层下方的内容上的，当蒙层出现时，就给该内容加上

filter:blur(6px)

这样在蒙层的效果下，就会有一种蒙层是模糊的错觉。加属性的元素应该是与蒙层一级的元素，不然会使得蒙层上的内容也变得模糊。