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

Question

I'm currently working on a C# MVC application. I'm using Twitter's Bootstrap's modal boxes as a 'popup' window. This has worked flawlessly in the past, but for some reason it doesn't right now. The result I get right now is shown below. Don't mind the blur, I did that.

Naturally the background is supposed to get grey, faded out like always, though for some reason it doesn't right now. I've basically copy pasted the code that works elsewhere and changed the values. I double and triple checked to make sure I didn't make a mistake somewhere, but I honestly can't see it.

I've pasted the relevant code below. JQuery gets loaded in the layout file. This is a partial view for the record

    <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

Check in Chrome Developer Tools if

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

exists right before closing </body> tag.

Styles for this div:

Also try to remove

aria-hidden="true"

attribute from your modal dialog.