Jquery 使背景模糊并禁用背景

我正在尝试实现Ajax加载程序。加载时，它会使背景模糊，这很好，但背景内容仍处于活动状态。我希望在加载程序出现时禁用背景

CSS

.container{
        /* overflow: hidden; */
    -webkit-filter: blur(13px);
    -moz-filter: blur(13px);
    -o-filter: blur(13px);
    -ms-filter: blur(13px);
    filter: blur(13px);
}
#spinner
{
    /* display: none; */
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(../loading.gif) no-repeat center transparent;
    text-align:center;
    padding:10px;
    margin-left: -50px;
    margin-top: -50px;
    z-index:2;
    overflow: auto;
}

HTML

<div id="spinner"></div>
<div class="container">
    <!-- Some buttons and links are here, I want these disabled(container gone blurred but links and buttons are still active)-->
</div>

---

运气好吗？

您可以创建一个div来完成此任务

.container{
/*溢出：隐藏*/
-webkit过滤器：模糊（13px）；
-moz滤波器：模糊（13px）；
-o-滤波器：模糊（13px）；
-ms过滤器：模糊（13px）；
过滤器：模糊（13px）；
}
#纺纱机
{
/*显示：无*/
宽度：100px；
高度：100px；
位置：固定；
最高：50%；
左：50%；
背景：url（../loading.gif）无重复中心透明；
文本对齐：居中；
填充：10px；
左边距：-50px；
利润上限：-50px；
z指数：3；
溢出：自动；
}
#帕诺{
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：2；
}

还必须添加一些调整，必须使用

jQuery添加