打开模态框时如何淡化背景？

Question

我在点击时打开一个模态，当我打开它时，整个屏幕都应用了一个类

.modal-backdrop

所以为了显示模态框，我刚刚在我的函数中打开模态框中删除了这个类，如下所示，

 addnewrecord() {
        $('#editmodel').modal('show');
         setTimeout(function(){ $('.modal-backdrop').remove(); }, 150);
     }

因此，当我打开模态框时，背景不会褪色，但是当模态框打开时，背景必须淡出。所以，我的问题是如何淡化打开模态框的背景。任何人都可以帮忙。谢谢。