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"

模态对话框中的

属性。