使用Bootstrap 4模态对话框无法在模态对话框的后面显示模态背景

Question

我已将该模式对话框放置在页面中：

<div class="modal fade" id="editModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="modalTitle"></h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <div class="modal-body">
            ... remote content from "data-remote" loads here ...
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary">Almacenar</button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        </div>
    </div>
</div>

我正在使用它显示它

$('#editModal').modal('show');

此后，显示模式对话框，但整个页面显示为灰色，我无法单击任何地方。

看到z-index配置时，我看到“模态背景”为1040，模态对话框为1050。

我尝试将模式对话框的z-index设置为非常大的数字，但没有成功。模式对话框始终显示在背景幕的后面。

有什么建议吗？