用不透明度模糊div背景（页面背景似乎通过div模糊）

Question

我的计划是采用Windows 7用户界面，并使用CSS3重新创建它。我已经用98主题完成了它，但我希望能够更改样式表。

当我需要使用低不透明度模糊背景图像时出现问题。这甚至可能吗？见如下：

这很难解释，但我会给它一些最小的功能（可拖动，可调整大小等）所以我不能做两个背景黑客。

这可能与jQuery或类似的东西？

http://jsfiddle.net/BeauAugust/AZRHC/一个例子

Answer 1

在没有Aero的情况下，您可以更轻松地完成Windows 7用户界面：）

话虽如此，我建议使用Pixastic Library。

具体来说，Blur Fast effect。

要按照你想要的方式实际使用它需要大量的进一步工作，但我认为它是可能的。

Answer 2

好的，有一种方法可以在后台运行元素，并且不需要在画布上进行手动重建......只有一个问题：它现在只是firefox：P（尽管webkit有一个错误要添加为好吧，等待标准化。）

无论哪种方式，如果你想看到这种技术的aero实现，请检查一下（在firefox中）：https://developer.mozilla.org/en-US/demosdetail/aero-windows/launch（我做了，所以如果你有任何问题请随意问）。

诀窍是使用-moz-element作为背景，然后使用svg过滤器来模糊背景（svg过滤器可以应用于新浏览器中的元素）。

无论哪种方式，除了概念证明之外，模糊都不可能实现。

Answer 3

试试这个jQuery插件，它使用canvas - http://www.blurjs.com/