如何实现这种模糊效果？

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。