如何實現這種模糊效果？

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。