但是迟了，这里有一个通用的解决方案

    var checkeventcount = 1,prevTarget;
    $('.modal').on('show.bs.modal', function (e) {
        if(typeof prevTarget == 'undefined' || (checkeventcount==1 && e.target!=prevTarget))
        {  
          prevTarget = e.target;
          checkeventcount++;
          e.preventDefault();
          $(e.target).appendTo('body').modal('show');
        }
        else if(e.target==prevTarget && checkeventcount==2)
        {
          checkeventcount--;
        }
     });

访问这个链接-当使用固定的侧边栏时，引导3模式在背景下消失。

我也有同样的问题，也检查了Muhd的答案。

但是，我的模态需要左，顶部属性，所以只要把固定位置改为绝对，它就工作了。

.modal {
    position: absolute;
}

这招对我很管用:

sass: 
  .modal-backdrop
    display: none
  #yourModal.modal.fade.in
    background: rgba(0, 0, 0, 0.5)

当在CSS中为背景或甚至是手风琴头使用渐变之类的东西时，经常会遇到这个问题。

不幸的是，修改或覆盖核心的Bootstrap CSS是不可取的，并且可能导致不需要的副作用。侵入性最小的方法是添加data- background ="false"，但您可能会注意到渐隐效果不再像预期的那样工作。

继Bootstrap的最新版本之后，3.3.5版本似乎解决了这个问题，并且没有不必要的副作用。

下载:https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip。

确保包含3.3.5中的CSS文件和JavaScript文件。

我在Iphone和Ipad上使用Sharepoint 2013时遇到了类似的问题 模态引导保持z索引问题与背景。

我只是在JS上使用这个:

$ (' # myModal ')。(“shown.bs。Modal '， function() { //要关联z-index，确保背景和模态是兄弟 (这).before美元($ (' .modal-backdrop ')); //现在设置modal的z-index大于background (美元). css(“z - index方法($ (' .modal-backdrop ') . css (z - index)) + 1); })；

我简单地设置了:

#myModal {
    z-index: 1500;
}

它工作....

对于原来的问题:

.my-module {
    z-index: 1500;
}