模態背景模糊

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