莫代尔模糊的背景

Question

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

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

on .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);
}