Делаю сайт на фраймворке Bootstrap.
Возникла проблема. Я использую фиксированный nav-bar, к нему задан, например, z-index: 100.
В этом нав-баре находится блок авторизации, который открывает модальное окно с формой авторизации. Так вот модальному окну задано z-index: 200.
Когда открывается модальное окно, экран затемняется полупрозрачным полотном с z-index: 150.
Должен получиться такой порядок слоев: Модальное окно, за ним полотно, за ним нав-бар (родитель модального окна) .
На деле получается иначе, затемняется все, так как полотно оказывается выше всех.
z-index элемента не может быть выше z-index родителя? По-моему может, в чем тогда беда?