Question

我的网页上有一个引导程序模态，但是每次打开模态时，它都会在其阴影下打开，该如何解决呢？

.modal-backdrop {
  //hides the default modal shadow
  display: none;
}

.modal {
  //modal custom bachground/shadow
  background: rgba(0,0,0,0.5);
}

or

.modal{
  background-color: rgba(0, 0, 0, 0.3);
}
.modal-backdrop{
  position: relative;
}

Answer 1

我现在有解决方案。 1.在我的自定义CSS文件中

 <div id="logoutModal" bsModal #myModal="bs-modal" class="modal" 
    tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria- 
    hidden="true" data-backdrop="false" style="background: 
    rgba(0,0,0,0.5);">
    ....
</div>

2。我写我的模态html标签如下。

{{1}}

这解决了我的问题。

Answer 2

当模式不是<body>的直接子代时，可能会发生这种情况。

模态上的Bootstrap模态阴影显示

2 个答案: