Javascript 如何在具有透明度的模式窗口区域内模糊底层背景图像？

我已经在一个网站中添加了具有透明度的模式窗口，我想将高斯模糊等应用于窗口背景，就像WindowsVista的aero glass效果一样。我可以这样做吗？还有，怎么做

谢谢！ 威廉

看一看

---

动态宽度/高度flash小部件如何加载图像，模糊过滤图像，并在z索引层中，在模式参考底图上方和模式内容下方相当精确地设置包含元素。或者，或者看起来也很有希望

编辑：回应您的“部分图像模糊评论”

使用Flash小部件和定位，是的-在我的头顶，你可以尝试全尺寸的双层swf，底层包含图像资源，就像上面的层一样，顶层将完全模糊-顶层也被遮罩。根据已打开的面板调整遮罩的大小（如果需要，设置一些onresize处理程序等）。如果面板是可拖动的，则在Flash中跟踪HTML面板相对于面板大小的第二层的位置，最终在遮罩周围移动，以仅显示看起来像单个图像的模糊区域

还要注意的是，您需要

ExternalInterface

，这样才能提高效率，因此min.flashplayer8优于中列出的稀疏浏览器实现

---

另一件事浮现在脑海中，它可能只需要两个

元素，两个元素都包含如上所述的相同图像，并且如上所述层叠在一起，您可以根据不透明面板的大小/位置进行操作。如果它是一个，你可以在我上面的Flash示例中使用模式参考底图层作为你的“底层”，面板本身是包装的，因此你可以在其中使用CSS剪辑和JS模糊，甚至可以使用

背景位置：修复
和JS模糊可以帮助。。。如果你能尝试任何一种尝试，我都希望看到你的一些尝试——但愿我有空余时间
 尝试使用fancybox或thickbox显示模式窗口。如果你不喜欢使用cssagreed，我强烈推荐fancybox:）你可能无法通过CSS或JS（除了IE的过滤器）模糊整个页面，只能通过画布模糊图像。不过，带有“玻璃”图案的背景图像加上一些阴影和不透明度也可以。还有，总是有带过滤器的SVG，但我很喜欢。但是我找不到只模糊部分背景图像的方法。嘿，这很酷，没有模糊或放大效果，但仍然很酷。你可以轻松地为YUI面板蒙皮（使用这些图形或使用CSS3和边框半径+不透明度），并利用文档边界检测和其他功能。是否可以仅模糊背景图像的一部分？好的，我可以在这里限定上面的内容，无需闪光灯，而且没有Javascript来添加效果-虽然显然Javascript用于使用YUI面板示例进行说明：-我认为它避免了围绕面板内内容可见性的问题-因此您需要两个图像，或者一个复制和处理的图像（可能是减色或着色）在设置为面板的固定背景之前。如果你的情况是可预测的，你可以用Javascript将文本设置为模糊背景的rgb。最后，你也可以先在服务器上处理你的图像，创建模糊副本，并将其设置为面板的固定背景。