Bootstrap 的模态框 - 背景不会在显示时淡出

Question

我目前正在开发一个 C# MVC 应用程序。我正在使用 Twitter 的 Bootstrap 模式框作为“弹出”窗口。这在过去完美无缺，但由于某种原因，现在不行。我现在得到的结果如下所示。不要介意模糊，我做到了。

自然背景应该是灰色的，像往常一样淡出，尽管由于某种原因它现在不是。我基本上复制粘贴了在其他地方工作的代码并更改了值。我检查了两次和三次以确保我没有在某个地方犯错，但老实说我看不到。

我在下面粘贴了相关代码。 JQuery 被加载到布局文件中。这是记录的部分视图

    <button id="btnAddNewSecureFolder" onclick="openTheCreateWindow()" data-toggle="modal" data-target="#modal-new-secFolder" class="btn btn-md btn-default giveMeSomeSpace leaveMeAlone">Add a secure folder</button>

    @*<button onclick="openTheCreateWindow()" class="btn btn-md btn-default giveMeSomeSpace leaveMeAlone" id="btnAddNewSecureFolder">
        Add a secure folder
    </button>*@


    <div class="modal" id="modal-new-secFolder" tabindex="-1" role="dialog" aria-labelledby="modal-new-secFolder" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close cancel" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title">Add a new secure folder</h4>
                </div>
                <div class="modal-body">
                    @Html.Partial("CreateNewSecureFolder")
                </div>
            </div>
        </div>
    </div>

<script>
    function openTheCreateWindow() {
        $('#modal-new-secFolder').modal('show');
    }
</script>

Answer 1

如果

，请检查 Chrome 开发者工具

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

在关闭 </body> 标记之前存在。

这个 div 的样式：

也尝试删除

aria-hidden="true"

来自模态对话框的属性。