javascript - 模态上的模糊背景

打开弹出窗口时，如何使背景模糊而不是白色背景？
我想补充一点：

-webkit-filter: blur(8px);
-ms-filter: blur(8px);
filter: blur(8px);
-moz-filter: blur(8px);
-o-filter: blur(8px);

在.splash { background-color: rgba(255, 255, 255, 0.9);}
但模糊在整页中，包括弹出窗口。有人可以帮忙，这是一个jsfiddle演示：https://jsfiddle.net/kodjoe/dgykn78o

最佳答案

为.wrapper提供模糊属性。您将实现自己想要的。

.wrapper{
    -webkit-filter: blur(8px);
    -ms-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    filter: blur(8px);
}