使用 Bootstrap 模态未显示模态背景

Question

我正在使用Bootstrap 的模态插件，由于某种原因，背景没有显示。

当我在 W3Schools 上检查相同的代码时，我注意到div每次打开模式时都会生成 a ：

<div class="modal-backdrop fade in"></div>

我得到了与 W3Schools 上完全相同的代码，但这div不是在我的网站上生成的。

我该如何解决这个问题？

Answer 1

当我使用错误的方法打开模式时，就发生了这种情况。我有

$('#myModal').show()

当然应该是什么时候

$('#myModal').modal('show')

使用错误方法的另一个症状是，除了半透明背景未显示之外，模态中的关闭按钮也不起作用。

Answer 2

请通过检查元素来检查 CSS 属性是否被覆盖<div class="modal-backdrop fade in"></div>。大多数情况下，这可能是由覆盖引起的 CSS 问题。