Maison >interface Web >js tutoriel >Concernant la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9

Concernant la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9

高洛峰
高洛峰original
2016-12-24 10:54:041620parcourir

Le front-end bootstrap est utilisé dans le projet récent. Je viens de mettre à jour mon téléphone vers IOS9 et j'ai découvert qu'il y avait un bug dans le modal. Il y aura un problème avec la boîte de dialogue contextuelle sur la page d'accueil. beaucoup d'informations, j'ai finalement trouvé une solution. Ajoutez le code suivant au CSS

CSS

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

PS : le sélecteur de date bootstrap n'affiche pas de problème dans le modal bootstrap

Le problème peut être parfaitement résolu en imbriquant 7125518eb6e46bbe6ea83ccf48102c2a

Avant modification :

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

Après modification :

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

Ce qui précède est ce que l'éditeur vous présente sur la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et le. l'éditeur vous répondra à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour plus d'articles sur la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn