Question

如何通过 HTML5 实现 iOS 7 的实时毛玻璃模糊效果

Answer 1

所谓的毛玻璃效果其实是半透明+模糊，可以用CSS filter实现。
时间不多，就抛个砖，题主可以自己找一下文档和更多案例。
filter - CSS

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

大体思路是，当出现弹出层的时候，对背景层增加blur filter，再给弹出层的一定透明度就可以了。

因为有同学坚持说 CSS filter 只能用于图片，所以录了一个小视频，证明它是可以用于可视的DOM元素的。