最近的專案用的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="{{ 'now'|date('Y-m-d') }}">
<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="{{ 'now'|date('Y-m-d') }}">
</span>
<span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>
說明以上是小編給大家介紹以上所述的小編者，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對PHP中文網的支持！
更多關於BootStrap modal 在IOS9中不能彈出的解決方法相關文章請關注PHP中文網！
