jquery - 选择主体但不选择模态以对模态背景应用模糊效果

Question

我使用引导模式。我使用什么模式并不重要，想法是应用模糊过滤器（尽管它仅在 webkit 中支持）。

    $myModal.on('shown.bs.modal', function () {

        $(body).addClass('modalBlur'); 
)

css

.modalBlur{
-webkit-filter: blur(5px) grayscale(50%);
}

我写了这个，但它将模糊效果应用于模态本身，而不是身体。另一个问题是有没有办法做到这一点？适用于身体会对表演造成沉重打击。

Answer 1

请尝试处理该show事件。此外，您可能希望将 应用modalBlur到容器而不是整个身体，因为这也会使模态模糊。

$('#myModal').on('show.bs.modal', function () {
   $('.container').addClass('blur');
})

演示： http: //www.bootply.com/91532