有沒有什麼辦法來模糊所有的頁面和焦點與jQuery/JavaScript的某些div？

有沒有什麼辦法模糊所有的頁面（例如設置新的背景，並用z-index將其賦予前景）並使用jquery/javascript集中某些div（讓我們說錯誤消息）？你知道這個插件嗎？有沒有什麼辦法來模糊所有的頁面和焦點與jQuery/JavaScript的某些div？

這就是我想要得到的：

enter image description here

2011-09-04 Tural Ali

只有HTML5，這是討論[這裏]（http://stackoverflow.com/questions/2975089/html5-gaussian-blur-effect） – Samich

可以使用jQuery UI的對話框，並使用CSS來改變疊加的div背景模糊的背景圖像，就像這裏：

- 或 -

您可以使用jQuery UI對話框混合CSS文本模糊影響這裏找到：

不過，我想這不會是與非HTML5的瀏覽器兼容。

這裏有一個JS搗鼓概念證明：http://jsfiddle.net/khalifah/vgGtK/

這裏有一個與風格我想你想：http://jsfiddle.net/khalifah/7L5jG/

2011-09-04 18:14:52 b01

這並不壞，我想我會在我目前正在使用的一個項目上使用它。將回退到舊版瀏覽器的灰色透明。 – b01

http://jsfiddle.net/khalifah/7L5jG/效果很好，但首先沒有。我們可以動畫消息框，並使它像上面的例子中的模態http://jqueryui.com/demos/dialog/#modal-message？ –

如果頁面上不僅包含文本而且包含文本和圖像會怎樣？我們如何模糊所有的圖像和文本（適用於HTML 5的瀏覽器），並回退到像舊例子那樣的例子http://colorpowered.com/colorbox/core/example4/index.html#？ –

回答