Javascript 如何在引导中打开div内的覆盖？

我正在使用引导来设计我的页面。我正在使用模态，并希望覆盖在我的div而不是body中打开。所以我做了这个

$(function () {
    $('.category_more').click(function () {
        $('#myModal').modal();
        $('.modal-backdrop').appendTo('.overlay-background');
        $('body').removeClass();
    });
});

其中叠加背景是我的div。我的css如下所示

.modal::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}
.modal, .modal-backdrop {
    position: absolute !important;
}
.modal.fade.in{
    padding-right:0px !important;
}
.overlay-background{
    position:relative;
}

但当我点击我的按钮时，它很快地淡入淡出，整个身体向右移动了15像素

请帮助。

我的建议（根据经验）不要使用引导

模式背景

将其属性更改为

display:none

和

opacity:0

，因为这些属性

。模式背景{position:fixed；top:0px；right:0px；bottom:0px；left:0px；z-index:1040；背景色：#000；}

除非您调整它们或创建自己的自定义背景，否则无法实现您想要实现的目标