javascript - 引导模态重叠

我已经实现了引导模态，并且运行良好。这是我的代码

<div id="myModal" class="modal fade hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header" style="background-color:#bb4837">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h2 style="color:white;vertical-align:middle"id="myModalLabel">Add Multiple Stores</h2>
    </div>
    <div class="modal-body">
        <des style="font-family:garrisons">You can upload a excel sheet with your store details.Please download the multistore template in .xls format <a href="#">here</a>.</des><br><br>
            <input style="margin-left:5em" type="text" id="upload-textstore" onclick="select_file('store','storefile','store','text/csv');" class="span3"/><button type="button" style="margin-bottom:25px;margin-left:10px" onclick="upload('/merchant/v1/fileupload','store')" class="btn btn-upload">Upload</button><br>
        <br><br><br><br>
    </div>
    <div class="modal-footer">
            <form class="form-inline" style="margin-bottom:0px">
                <button class="btn btn-danger " data-dismiss="modal" style="font-size:1.2em;height:32px;width:7em;margin-left:4em;margin-right:.5em" href="#">Select</button>
                <a data-dismiss="modal" href="#" style="font-size:1.2em;margin-top:.4em;margin-left:0px;margin-right:1em">Cancel</a>

            </form>
    </div>
</div>

问题在于它与网页中的其他组件重叠并且看起来很隐藏。

最佳答案

我在评论中回答了这个问题，但在这里是我的正式答案，如果应该在网站上隐藏某些内容，但仍然存在，则应查看元素CSS显示属性，并确保将其设置为display:none如果该元素具有属性visibility: hidden将该属性更改为display:none，则会从页面流中删除该元素，因为visibility: hidden会删除该元素的视觉外观，但不会将其从网站流中删除。

关于javascript - 引导模态重叠，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15737614/