CSS：背景过滤器的解决方法？ - CSS: Workaround to backdrop-filter?

问题：

backdrop-filter is a recent CSS feature, that is not yet available in modern browsers (at least as of July 1, 2016). backdrop-filter是最新的 CSS 功能，在现代浏览器中尚不可用（至少截至 2016 年 7 月 1 日）。

• Chrome 51 supports backdrop-filter via Experimental Web Platform flag. Chrome 51 通过实验网络平台标志支持backdrop-filter 。
• Safari 9.1 supports it with -webkit- prefix Safari 9.1 支持-webkit-前缀
• Firefox 47 have no support Firefox 47 不支持

Being in such an unusable state, I would like to know whether there exists any alternative way to bring in the same result.处于这种无法使用的状态，我想知道是否有其他方法可以带来相同的结果。

JS workarounds for blur , grayscale ,… are also welcome也欢迎使用用于blur 、 grayscale JS 解决方法

The development of backdrop-filter can be tracked through https://bugs.chromium.org/p/chromium/issues/detail?id=497522可以通过https://bugs.chromium.org/p/chromium/issues/detail?id=497522跟踪backdrop-filter的发展

---

解决方案：

参考： https://stackoom.com/en/question/2a3Ls