Bootstrap模式重叠

我已经实现了bootstrap模式，它工作正常。这里是我的代码Bootstrap模式重叠

<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>

问题是它与网页中的其他组件重叠，它看起来隐藏。

来源

2013-04-01 PRASANTH

你碰巧有一个链接，所以我可以直观地看到它？ –

对不起，该网站是测试版，所以我不能透露它。问题是我有一个可拖动标记的地图。但由于模态重叠，即使它隐藏了，我不能拖动标记，并且当我将鼠标悬停在隐藏区域时，模式窗体按钮可点击。 – PRASANTH

你应该看看显示属性是什么重叠的项目，应该隐藏，确保其'css'被设置为'display：none;'如果它当前有'visibility：hidden'摆脱那和将它改为'display：none;'这将是你最好的选择，但如果你仍然无法弄清楚，你可以给我一个链接到我的电子邮件，所以它不在网上，我可以检查出来，随你便。 [email protected] –

我回答的意见，但我在这里正式回答这个问题，如果事情是想在网站上被隐藏，但它仍然是存在的，你应该看看这个元素CSS显示性能，并确保它们被设置为display:none这个将从页面流中移除该元素，如果该元素的属性为visibility: hidden，则将该元素更改为display:none，因为visibility: hidden会移除元素的视觉方面，但不会将其从网站流中移除。

来源

2013-04-01 05:16:21

为了以防万一它会帮助其他人，我遇到了这个问题，这是因为我没有在明确定义的行类中的引导列。

来源

2014-04-10 03:09:59 toddmillernyc

Bootstrap模式重叠

回答

相关问题