我在互联网上进行了挖掘，发现了一些似乎朝着正确方向发展的事情，但似乎没有一个完整的解决方案。这是我发现的：
- 即将推出的 CSS 属性
backdrop-filter，目前仅在 Safari 和 Chrome 开发人员标志后面受支持。正是我需要的，但它需要更好的支持。 - JavaScript 库 Blur.js，似乎已经从互联网上消失了。（甚至官方网站都指向 GoDaddy 页面。）这可能是一个解决方案，但我不确定该项目发生了什么。
- JavaScript 库 StackBlur，这似乎是一个出色的模糊解决方案，但我丝毫不知道如何使用它来模糊 BEHIND 元素。
有任何想法吗？也许有人使用 StackBlur 来做到这一点并且有一个我可以戳穿的 CodePen 之类的？基本上，我有一个元素网格，每个元素都使用 jQuery UI Draggable，我想让它变得半透明，每个元素后面都有一个很好的模糊。当元素被拖动时，模糊需要按预期更新。
最后一个想法。现在我使用的是纯 CSS“解决方案”，但它有一些令人讨厌的限制。如果您要建议仅使用 CSS 的解决方案，那可能就是我已经在做的事情了。它的问题如下：
- 元素后面的区域并没有真正模糊，只是一个任意的背景图像。
- 边缘或模糊区域没有干净地切断模糊。这有点难以描述，但是当我说它看起来不太好时，请相信我。
除非我在所有搜索中错过了一些巨大的东西，否则我认为我将需要 JS 来完成这个。