Здравствуйте. Такая проблема. При создании модального окна не появляется темный фон за окном. Поставлял с помощью 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; } Темный фон появился, но он заслоняет само окно и смещается при прокручивании. Подскажите как исправить?
Не должен он смещаться, стоит же фиксированное позиционирование. Так что без ссылки на сайт ничего подскакать не получиться. Ну, а чтоб не заслонял - z-index (у модального окна число должно быть больше).
Почистил все кэши, перестал прокручиваться. Но темный фон все равно все заслоняет. Вот ссылка где вызывается окно http://test.zaloma.ru/odeyalo-ecotex-ehvkalipt-klassicheskoe-200x220
И не удивительно. Как получилось, что у вас код модального окна закопан глубоко в DOM? Он должен быть на том же уровне, что и блок с фоном, а блок с фоном прямой потомок body.
Этого я и не знал. Нашел в инете описание модального окна и вставил куда считал нужным, а тут не все так просто. Вставил модальное окно непосредственно в body, а ссылку на окно оставил где нужно, и заработало. Спасибо большое.)))