我们很多人都在寻找一种Javascript/CSS3解决方案,可以在网页中提供类似windows7的UI,而不使用flash。
我们需要一个不透明度蒙版,圆角边框,和一个模糊…
我们已经设置了不透明度和圆角边框,现在我们需要给半透明的Div添加一些模糊效果。
我尝试了Pixastic Library中的BlurFast效果,但它只模糊了实际图像,而不是我们通过图像看到的背景…
基本上,我们想要一个Div作为其他内容的模糊蒙版…
如果有人真的成功了,我会很高兴知道这是可能的:)谢谢你
http://t.co/fFLPKnzC
非常好的文章关于模糊显示的艺术状态
遗憾的是,"屏蔽"页面的一部分,模糊后面的一切,并不是那么容易的。也许这个博客里的建议对你有帮助,因为它们非常直接,而且来自一个完全不同的方向。因此在SVG中嵌入HTML并在HTML元素上使用SVG过滤器
认为这可能是相关的:Aero
就我个人而言,我认为作者所说的"换句话说,这是有史以来最混乱、最低效的实现之一"……和,他只能让效果在一个浏览器中工作…
目前没有办法高效地或跨浏览器地做到这一点。
您可能能够做到这一点的唯一方法是使用Pixastic在Canvas中创建模糊图像,导出为dataURI,然后使用该图像作为div的背景。如果div移动,那么背景图像的定位应该相应移动。