關於BootStrap modal 在IOS9中不能彈出的解決方法

最近的專案用的bootstrap前端，手機剛剛更新IOS9發現其中的modal有個bug，首頁點彈出框會出現問題，找了很多資料終於找到解決辦法。在CSS中加入以下程式碼

CSS

body {
 padding-right: 0px !important
}
.modal-open {
 overflow-y: auto;
}

   

PS:bootstrap datepicker 在bootstrap modal中不顯示問題

可以透過嵌套在input 上框輸入「 index: 9999;"> 完美解決問題。

修改前：

<div class="input-group">
  <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ &#39;now&#39;|date(&#39;Y-m-d&#39;) }}">
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

   

修改後:

<div class="input-group">
  <span style="position: relative; z-index: 9999;">
    <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ &#39;now&#39;|date(&#39;Y-m-d&#39;) }}">
  </span>
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

   

說明以上是小編給大家介紹以上所述的小編者，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持！

更多關於BootStrap modal 在IOS9中不能彈出的解決方法相關文章請關注PHP中文網！