如何模糊div后面的动态内容？

Question

我正在使用全屏风格的谷歌地图页面进行项目.是否有任何方式(css,jQuery或其他选项......)覆盖标题和滑入式侧边栏,其模糊效果类似于iOS磨砂/模糊效果？

我试图实现这样的目标. 示例模糊标题

我的问题是,因为我不控制标题下面的内容并且它不断变化我不能使用2图像技巧来模拟模糊的背景.有什么建议？

Answer 1

css 模糊可以工作吗？

-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);