参见英文答案 >
using a div to blur an image behind it? [duplicate]2个答案我现在在Photoshop中创建一个新的网页设计，但我想知道是否可以模糊div下面的内容？
我想在我的页面上创建一个半透明导航栏，它固定在屏幕顶部。一切流在下面/后面，我想模糊。对于那些有iDevice的iOS 7，查看Safari的标题;其中页眉下面的页面模糊。这是我想要的效果。
我不介意的效果不工作在旧的浏览器(IE8等)，在这种情况下将有0.5不透明度白色背景作为后备。
如果这是可能的，我真的寻找必要的代码！
解决方法
可能是一个重复的
this question，在这种情况下：你可以用canvas和StackBlurforCanvas库。见
this
更新：它看起来像这个功能有landed in the Webkit nightly build,，所以最终你可能能够做到这一点与CSS。
