Затемненный диалог загрузки

Я использую bootbox для создания модальных окон начальной загрузки. Вот как я создаю образец:

bootbox.dialog({message: "hello"});

Моя проблема в том, что отображаемый диалог отключен (весь экран затенен), я не могу щелкнуть по нему, и даже ESC не может заставить модальное исчезнуть!

Когда я проверяю элемент диалога в браузере, я вижу следующее:

<div class="bootbox modal fade in" tabindex="-1" role="dialog" style="display: block;" aria-hidden="false">
  <div class="modal-backdrop fade in" style="height: 321px;"></div>
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true" style="margin-top: -10px;">×</button>
        <div class="bootbox-body">hello</div>
      </div>
    </div>
  </div>
</div>

Я проверил примеры загрузочных боксов, и похоже, что это те же самые классы CSS, которые использовались. Так что же здесь не так?


javascript twitter-bootstrap bootstrap-modal modal-dialog bootbox
person bachr    schedule 09.04.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я должен добавить следующий CSS, чтобы решить проблему:

.modal-backdrop.fade.in {
  z-index: 0;
}
person bachr    schedule 11.04.2015