如何实现这种模糊效果？

Question

正如你所看到的，弹出框的背景是相对黑色和模糊。我怎样才能达到类似的效果？背景模糊效果使用CSS来书写还是只是一个普通的图像？

谢谢。

Answer 1

.overlay 
{ 
    background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7)) 
} 

来源：检查元素

编辑：

Here's a link to a cross browser version

Answer 2

我相信你可以用HTML5中的CSS3渐变做到这一点，或者你可以使用透明的PNG。