начальная загрузка модальная задняя крышка

У меня проблема с модалом на моих страницах 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>

0

Решение

Я решил с помощью этого кода:

#myModal .modal-dialog{
z-index: 1041 !important;
}

Но если бы я это сделал, когда пользователь щелкает снаружи модально, он не закрывается? Что мне нужно сделать?

1

Другие решения

Добавьте это к вашему CSS.

#myModal {
z-index: 16777271 !important;
}

или позвоните по телефону $("#myModal").css("z-index", "1500"); после открытия.

z-index отдает приоритет div, насколько выше число, тем выше приоритет.

0

По вопросам рекламы [email protected]