未固定/动态div应模糊其背后的背景图像

Question

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

我不想避开背景滤镜，因为它不支持alsmot。但我不关心旧的IE等等。如果它适用于现代浏览器，那就没关系。

简而言之：不固定/动态div会模糊背后的背景图像。

我知道，很多人都提出了相关的问题，但他们都很老了，答案也是如此。我在这个问题上搜索了半个互联网，但无法找到现代/动态的答案。我无法相信没有jquery技巧或类似的东西，这就完成了工作。

我真的很感激每一个有用的答案！

为了更清楚，我添加了一张图片。在这种情况下，DIV是动态的。

Answer 1

通过这个很棒的教程和CSS中的一些变化我做到了：

http://jordanhollinger.com/2014/01/29/css-gaussian-blur-behind-a-translucent-box/

仅限所有CSS！