Javascript 如何使div标记出现并模糊其他所有内容，直到超时或单击X

如何使背景模糊（在css、html和JS中）并出现

标记？我正在创建一个站点，希望在开始时播放一个小的加载动画，但我不知道如何使

标记出现并模糊背景。 谢谢,

---

《魔戒游戏》

我给你一个简单的例子，你可以通过按下按钮来模糊div。我想这会对你有帮助

我的同僚们都是精英。Odio Essentialtibus id nam numquam aliquid dolore ipsam eum。我在expedita找到了一个别名！临时自由人是指临时自由人。
切换模糊

.content{
宽度：300px；
边框：实心1px黑色；
填充：10px；
}
.模糊{
过滤器：模糊（8px）；
-webkit过滤器：模糊（8px）；
}

您必须首先添加Jquery

jQuery（文档）.ready（函数（）{
$（“.toggle”）。单击（函数（）{
$（“.content”）.toggleClass（“模糊”）；
});
})

在代码笔上看到了吗

完整代码

.内容{
宽度：300px；
边框：实心1px黑色；
填充：10px；
}
.模糊{
过滤器：模糊（8px）；
-webkit过滤器：模糊（8px）；
}
我的同僚们都是精英。Odio Essentialtibus id nam numquam aliquid dolore ipsam eum。我在expedita找到了一个别名！临时自由人是指临时自由人。
切换模糊
jQuery（文档）.ready（函数（）{
$（“.toggle”）。单击（函数（）{
$（“.content”）.toggleClass（“模糊”）；
});
})

对不起，背景上会出现

div

标签提示：如果您想解决部分问题，有一个方便的

编辑
功能。JQuery可以用于
标签吗？@RingGamesCompany一旦包含JQuery，您就可以了。请参阅如何开始。@RingGamesCompany将此代码添加到
HTML
Document
@RingGamesCompany我将添加完整的HTML文档作为回答，这就是您能够理解的原因。@SumanBiswas非常感谢您。它起作用了！谢谢你，我已经在答案上打了勾，也对你的评论投了赞成票，谢谢