相关疑难解决方法(0)

Bootstrap模态出现在背景下

我直接从Bootstrap示例中使用了代码用于我的模态,并且只包含了bootstrap.js(而不是bootstrap-modal.js).但是,我的模态出现在灰色淡入淡出(背景)下方,并且不可编辑.

这是它的样子:

隐藏在背景下的模态

看到这个小提琴一种重现这个问题的方法.该代码的基本结构如下:

<body>
    <p>Lorem ipsum dolor sit amet.</p>    

    <div class="my-module">
        This container contains the modal code.
        <div class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">Modal</div>
                </div>
            </div>
        </div>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)
body {
    padding-top: 50px;
}

.my-module {
    position: fixed;
    top: 0;
    left: 0;
}
Run Code Online (Sandbox Code Playgroud)

任何想法为什么这是或我可以做些什么来解决这个问题?

javascript css modal-dialog twitter-bootstrap

554
推荐指数
24
解决办法
36万
查看次数

标签 统计

css ×1

javascript ×1

modal-dialog ×1

twitter-bootstrap ×1