HTML5 CSS3/Javascript模糊掩码

我们中的许多人都在寻找一种Javascript/CSS3解决方案，该解决方案可以在网页中提供类似windows7的UI，而无需使用flash

我们需要一个不透明的遮罩，圆形的边框和一个模糊

我们已经有了不透明度和圆形边框，现在我们需要能够对半透明Div应用一些模糊效果

我尝试了Pixastic库中的BlurFast效果，但它只模糊了实际图像，而不是我们通过图像看到的背景

基本上，我们想要一个Div作为其他内容的模糊遮罩

---

如果有人真的做到了这一点，我很高兴知道这是可能的：）谢谢你

目前没有有效的方法或者跨浏览器

唯一的方法是使用Pixastic在画布中创建模糊图像，导出为dataURI，然后将该图像用作div的背景。如果div移动，则背景图像的位置应相应移动。

非常好的关于模糊的文章，展示了最新的技术

可悲的是，页面的“掩蔽”部分，模糊了后面的一切，并不是那么容易。 也许博客中的建议能帮你解决问题，因为它们非常直截了当，而且方向完全不同

---

因此，在svg中嵌入html并在以后的html元素上使用svg过滤器，我认为这可能是相关的：

---

就我个人而言，我认为作者所说的事实是“换句话说，这是有史以来最混乱和最低效的实现之一”。。。而且他只能在一个浏览器中工作。。。非常有说服力。

你能发布一张你试图在Windows 7上模拟的效果的图像或视频吗？它是这样的：啊，明白了。我讨厌那种效果。但这只是一个人的意见。我现在想不出任何方法来处理当前的HTML/CSS。PaintBrush.js有这个能力，可能是一个起点：谢谢，我想到了，但问题是，我网站的背景将是互动的，没有简单的图像…这是一个重要的细节。你会有什么样的（非图像）背景？