z-index не е зададен в Bootstrap

Използвам bootstrap и имам модал, който изскача и работи добре, само .modal-dialog има z-индекс 0, въпреки че СЕ настройва. .modal-backdrop.n има z-index от 1030 и това работи добре, така че .modal-dialog се поставя в/под черната задна капка.

Някой знае ли какво по дяволите става тук и как да го поправя?

Високо оценен!

z-index е глупав

Добре съм наясно с неща като това z-index връзка родител/дете

Simple Bootstrap Modal Fiddle

РЕДАКТИРАНЕ

Надградих моята версия за стартиране от v3.0.0 --> v3.3.2 и сега всичко работи добре. Просто отива да се покаже, бъдете в крак с най-новите версии. Благодаря за цялата помощ на всички!


html twitter-bootstrap z-index
person Logan H    schedule 13.03.2015    source източник
comment
Решенията CreativeCreator и davidkonrad работят странно, трябва да коригирам css клас на Bootstrap   -  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-индекса сами? - person CreativeCreator; 14.03.2015
comment
.modal-dialog от самия bootstrap е позициониран като абсолютен, така че е много странно. Тук трябва да има включен CSS на трета страна, който заменя първоначалния CSS. - person davidkonrad; 14.03.2015
comment
Надстроих своя bootstrap до v3.3.2 и той реши проблема, използвах v3.0.0, но това беше този, който използвах преди надстройката. - person Logan H; 16.03.2015