Boostrap затемняет все окно и модал тоже?

Question

[GRO24]

Всем привет!
Столкнулся с проблемой, бустрап модал при вызове затемняет все окно и сам модал тоже
Кто сталкивался? Почему так?
Использую стандартную бустрап разметку

<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button>

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

Comments

[Andrew]

html в студию

[GRO24]

Andrew,
Забыл добавить, стандартный бустрап модал

<!-- Large modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button>

<div class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      ...
    </div>
  </div>
</div>

[Rustam Bainazarov]

GRO24, z-index: 1200 (можно меньше или больше, сами смотрите) у .modal.

Answer 1

[Localhost]

добавить в JS

var checkeventcount = 1,prevTarget; $('.modal').on('show.bs.modal', function (e) { if(typeof prevTarget == 'undefined' || (checkeventcount==1 && e.target!=prevTarget)) { prevTarget = e.target; checkeventcount++; e.preventDefault(); $(e.target).appendTo('body').modal('show'); } else if(e.target==prevTarget && checkeventcount==2) { checkeventcount--; } });