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模式重疊

回答

相關問題