z-index элемента не может быть выше z-index родителя?

Вопросы и проблемы, касающиеся верстки и дизайна

z-index элемента не может быть выше z-index родителя?

Сообщение guyasyou » 22 июн 2014, 20:45 ,  »  Сообщение:#1

Делаю сайт на фраймворке Bootstrap.
Возникла проблема. Я использую фиксированный nav-bar, к нему задан, например, z-index: 100.
В этом нав-баре находится блок авторизации, который открывает модальное окно с формой авторизации. Так вот модальному окну задано z-index: 200.
Когда открывается модальное окно, экран затемняется полупрозрачным полотном с z-index: 150.
Должен получиться такой порядок слоев: Модальное окно, за ним полотно, за ним нав-бар (родитель модального окна) .
На деле получается иначе, затемняется все, так как полотно оказывается выше всех.
z-index элемента не может быть выше z-index родителя? По-моему может, в чем тогда беда?
www.pure-web.ru - fullstack разработка сайтов и веб-приложений
Аватара пользователя
guyasyou
Администратор
 
Сообщения: 558
Зарегистрирован: 05 янв 2012, 12:29
Откуда: Новосибирск

Re: z-index элемента не может быть выше z-index родителя?

Сообщение guyasyou » 22 июн 2014, 22:42 ,  »  Сообщение:#2

Решено!
бутсрап, по умолчанию, вставлял (append()) div затемняющий в конец body. Я сделал так, чтобы тот сувал его около модального окна, все норм заработало.
www.pure-web.ru - fullstack разработка сайтов и веб-приложений
Аватара пользователя
guyasyou
Администратор
 
Сообщения: 558
Зарегистрирован: 05 янв 2012, 12:29
Откуда: Новосибирск


Вернуться в Верстка и дизайн

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron