DIV CSS 佈局教程網

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

CSS

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

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

可以通過在 input 輸入框之外 嵌套 <span style="position: relative; z-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>

以上所述是小編給大家介紹的關於BootStrap modal 在IOS9中不能彈出的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！