z-index не устанавливается в Bootstrap

Я использую bootstrap, и у меня появляется модальное окно, и оно работает отлично, только .modal-dialog имеет z-индекс 0, хотя он ДЕЙСТВИТЕЛЬНО устанавливается. У .modal-backdrop.n есть z-index из 1030, и это работает просто отлично, поэтому .modal-dialog помещается в черный фон или под него.

Кто-нибудь знает, что, черт возьми, здесь происходит и как это исправить?

Большое спасибо!

z-index глупый

Мне хорошо известны подобные вещи Отношения родитель/потомок z-index

Простой модальный Bootstrap Fiddle

ИЗМЕНИТЬ

Я обновил версию начальной загрузки с версии 3.0.0 до версии 3.3.2, и теперь все работает нормально. Просто идет, чтобы показать, чтобы быть в курсе последних версий. Спасибо всем за помощь!


html twitter-bootstrap z-index
person Logan H    schedule 13.03.2015    source источник
comment
Решения CreativeCreator и davidkonrad работают просто странно, мне нужно исправить класс Bootstrap css   -  person Logan H    schedule 14.03.2015

Ответы (1)


arrow_upward
4
arrow_downward

z-index работает только с элементами positioned. Поэтому установите position: relative;, position: absolute; или position: fixed;.

  • Пожалуйста, никогда не используйте !important, если это возможно!

Источник ответа от sandeep.

person CreativeCreator    schedule 13.03.2015
comment
хм, это работает, просто очень странно, что мне нужно что-то сделать с классом Bootstrap, .modal-dialog, чтобы это исправить. - person Logan H; 14.03.2015
comment
Рад, что это работает! Разве вы сами не добавили z-index? - person CreativeCreator; 14.03.2015
comment
.modal-dialog сам бутстрап позиционируется как абсолютный, так что это очень странно. Здесь должен быть задействован какой-то сторонний CSS, переопределяющий загрузочный CSS. - person davidkonrad; 14.03.2015
comment
Я обновил свой бутстрап до версии 3.3.2, и это решило проблему, я использовал версию 3.0.0, но это был тот, который я использовал до обновления. - person Logan H; 16.03.2015