jquery - avgrund 插件不模糊或引入背景

Question

我正在尝试让 avgrund 插件在我的网站上运行，并且取得了一些成功，但模糊和背景效果无法正常工作。

样本

我有一个与这里使用的 css 文件完全相同的副本，并且它正在正确导入。

我已经尝试从这个 css 中删除类“.avgrund-blur”：

.avgrund-active .avgrund-blur {
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-ms-filter: blur(1px);
-o-filter: blur(1px);
filter: blur(1px); 
}

成功地使页面模糊，但它也模糊了弹出窗口。

我什至没有试图弄清楚为什么我的网站上的背景是白色的，而不是出现在样本后面的黑色图案，但最终这也需要理顺。任何人都知道是什么导致了这些问题？

编辑：我已经解决了背景问题。事实证明，这只是设置 html{} 背景属性的问题。然而，模糊问题仍然是一个问题。

Answer 1

我已经解决了我自己的问题。万一其他人将来遇到这个问题，解决方案是在 avgrund 函数中指定模糊容器。像这样：

$('.con-body-questionmark-link').avgrund({
    onBlurContainer: '#id',
});