У меня проблема с модалом на моих страницах PHP.
Это код моей страницы (ДЕМО) но на моих страницах я вижу фон, который покрывает модальный, как на картинке ОБРАЗ.
Я включил в свои страницы инструмент nprogress, но я пытался удалить его, но у меня та же проблема.
Я вызываю модальную функцию в IF в моем PHP следующим образом:
<?php
if($verificaMail=='n'){
?>
<script>
$(document).ready(function(){
$('#myModal').modal()
});
</script>
<?php
}
?>
И я поместил модальный код внизу страницы, перед </body>
пометить как это:
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
Я решил с помощью этого кода:
#myModal .modal-dialog{
z-index: 1041 !important;
}
Но если бы я это сделал, когда пользователь щелкает снаружи модально, он не закрывается? Что мне нужно сделать?
Добавьте это к вашему CSS.
#myModal {
z-index: 16777271 !important;
}
или позвоните по телефону $("#myModal").css("z-index", "1500");
после открытия.
z-index
отдает приоритет div, насколько выше число, тем выше приоритет.