如何删除bootstrap模态覆盖？

Question

如何删除特定模态的引导模态叠加。 模式出现时，背景是黑色与一些不透明 有去除任何选项元素...

Answer 1

背景与下面的类射击：.modal-backdrop有附加.in类的不透明度。

默认值（编辑根据需要）：

.modal-backdrop { 
    position: fixed; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 1040; 
    background-color: #000; 
} 
.modal-backdrop.in { 
    filter: alpha(opacity=50); 
    opacity: .5; 
} 

Answer 2

我可以使用下面的代码片段通过隐藏模型叠加刚刚重新隐藏模式在触发事件shown.bs.modal。

<script type="text/javascript"> 
    $('#modal-id').on('shown.bs.modal', function() { 
     $(".modal-backdrop.in").hide(); 
    }) 
</script> 

Answer 3

将data-backdrop="false"选项作为属性添加到打开模式的按钮。

<!-- Button trigger modal --> 
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal" data-backdrop="false"> 
    Launch demo modal 
</button> 

见modal options

Answer 4

你也可以在你的CSS和引导外单击功能仍然有效设置

.modal-backdrop { 
    background-color: transparent; 
} 

。