[Помогите] Модальное окно Bootstrap

Тема в разделе "OpenCart", создана пользователем Zalom, 9 май 2017.

  1. Zalom

    Zalom

    Регистрация:
    18 мар 2017
    Сообщения:
    37
    Симпатии:
    1
    Здравствуйте. Такая проблема. При создании модального окна не появляется темный фон за окном. Поставлял с помощью data-backdrop и js. Менял css
    Код:
    .modal-backdrop.in {
      filter: alpha(opacity=50) !important;
      opacity: .5 !important;
    }
    .modal-backdrop {
      position: fixed !important;
      top: 0 !important;
      right: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      z-index: 1040 !important;
      background-color: #000 !important;
    }
    
    Темный фон появился, но он заслоняет само окно и смещается при прокручивании.
    Подскажите как исправить?
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Не должен он смещаться, стоит же фиксированное позиционирование. Так что без ссылки на сайт ничего подскакать не получиться.
    Ну, а чтоб не заслонял - z-index (у модального окна число должно быть больше).
     
  3. Zalom

    Zalom

    Регистрация:
    18 мар 2017
    Сообщения:
    37
    Симпатии:
    1
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    И не удивительно. Как получилось, что у вас код модального окна закопан глубоко в DOM? Он должен быть на том же уровне, что и блок с фоном, а блок с фоном прямой потомок body.
     
  5. Zalom

    Zalom

    Регистрация:
    18 мар 2017
    Сообщения:
    37
    Симпатии:
    1
    Этого я и не знал. Нашел в инете описание модального окна и вставил куда считал нужным, а тут не все так просто. Вставил модальное окно непосредственно в body, а ссылку на окно оставил где нужно, и заработало. Спасибо большое.)))