模态上的模糊背景

Question

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

-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

Answer 1

为 .wrapper 赋予模糊属性。你会实现你想要的。

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