IOS9에서 BootStrap 모달이 팝업되지 않는 문제에 대한 해결책

최근 프로젝트에서는 부트스트랩 프론트엔드를 사용하고 있는데, 방금 휴대폰을 IOS9으로 업데이트했는데, 검색해보니 모달에 버그가 있는 걸 발견했습니다. 정보가 너무 많아서 마침내 해결책을 찾았습니다. CSS

CSS

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

에 다음 코드를 추가하세요. PS: bootstrap datepicker는 bootstrap 모달에서 문제를 표시하지 않습니다

입력 상자 외부에 60e3b47a80c133bb753f0f209f238e3a를 중첩하면 문제가 완벽하게 해결됩니다.

수정 전:

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

이상은 IOS9에서 BootStrap 모달이 팝업되지 않는 문제에 대해 편집자가 소개한 내용입니다. 궁금한 점이 있으면 메시지를 남겨주세요. 편집자가 시간 내에 답변해 드릴 것입니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

IOS9에서 BootStrap 모달이 팝업되지 않는 문제에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!