Maison >interface Web >js tutoriel >Concernant la solution au problème selon lequel le modal BootStrap ne peut pas apparaître dans IOS9
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="{{ 'now'|date('Y-m-d') }}"> <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="{{ 'now'|date('Y-m-d') }}"> </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 !