背景引导程序模糊

Question

每当我打开模态时，标题上的我的徽标就会消失，我知道问题的原因是我的代码，用于在模态打开时使背景模糊。

HTML：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="vertical-alignment-helper">
        <div class="modal-dialog vertical-align-center" role="document">
            <div class="modal-content" style="background: rgba(0,0,0,0.0);border: none">
                <div class="modal-body p-0">
                    <img data-dismiss="modal" src="#" class="img-fluid img-responsive portfolioimg" alt="">
                </div>
            </div>
        </div>
    </div>
</div>

CSS：

body.modal-open >:not(.modal) {
    -webkit-filter: blur(5px) grayscale(90%);
    filter: blur(5px) grayscale(90%);
}