bootstrap-modal - 引导模式 : allow the background interaction when modal open

Question

我正在使用 javascript 创建一个动态模式。当模式打开时，我想允许鼠标与 body 上的其他背景元素按钮、输入表单等进行交互。模态的主要代码如下。

element1 = document.createElement('div');
element1.setAttribute("id", "myModal");
element1.setAttribute("role", "dialog");
element1.setAttribute("data-keyboard", "false");
element1.setAttribute("data-backdrop", "false");
element1.className = 'modal fade';
document.body.appendChild(element1);

Answer 1

发现碰巧 div 覆盖了整个屏幕，诀窍是将 css 从 entire body 更改为 modal body 。我还需要在这里更改模态的位置是代码。

@media screen and (min-width: 768px) {
      #fullHeightModalRight {
          top : 66px;
          left: auto;
          bottom: auto;
        overflow: visible;
      }
  }