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

高洛峰
Libérer: 2016-12-24 10:54:04
original
1654 Les gens l'ont consulté

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;
}
Copier après la connexion

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

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>
Copier après la connexion

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>
Copier après la connexion

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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal