Unfixed/dynamic div 应模糊其背后的背景图像

Unfixed/dynamic div shall blur the background image behind it

在我的新网站项目中，我有一个整页背景图片。在这之上，有一个动态div。 div 应该模糊背景图像。因此，就在 div 后面，背景图像变得模糊。我刚刚在互联网上找到了一些固定位置的解决方案和类似的东西。但这是我想避免的事情，因为它是一个完全动态和响应迅速的网站。

我也不想回避背景滤镜，因为它始终不受支持。但我不关心旧的 IE 等等。如果它在现代浏览器中可以正常工作。

简而言之：unfixed/dynamic div 应该模糊它后面的背景图像。

我知道，很多人问过相关的问题，但它们都是陈旧的，答案也是如此。关于这个问题，我搜索了半个互联网，但找不到 modern/dynamic 答案。我不敢相信没有 jquery 技巧或类似的东西可以完成这项工作。

非常感谢每一个有帮助的回答！

为了更清楚，我添加了一张图片。本例中的 DIV 是动态的。

通过这个很棒的教程和 CSS 中的一些更改，我做到了：

而且全部 CSS 而已！