javascript - 用 jQuery 模糊指定的类

Question

我不知道这是否可以实现，但我正在寻找解决方案，以在单击一个按钮时模糊一类。我想要这个，因为它的模态弹出框架实际上在后面的所有文本中看起来并不好看。

<div id="contentField" class="contentField-fix">
   <h2 id="postComment">Loads of text in here</h2>
</div>
<div id="modal"></div>

所以我想做的是运行“modal”的“onClick of Proceed div”，以模糊“contentField-fix”类中的所有内容。可能的？

如果没有，我想我需要尝试其他方法。

Answer 1

使用BlurJS

$('.contentField-fix').blurjs({
    source: 'body',  // Blur with the body as the background.
                     // You can specifify other elements as source.
    radius: 10, // Higher values for more blur
});