Влияет ли свойство позиции css на приоритет z-index?

Я прочитал несколько вопросов/статей о z-index в stackoverflow, но я все еще не могу решить последнюю проблему со свойством z-index на моей веб-странице.

Простой вопрос: всегда ли элемент с position:absolute перекрывает элемент с postion:relative, независимо от значения их z-индекса?

Мне нужно заставить элемент с position:relative;z-index:50 перекрывать элемент с postion:aboslute;z-index:5;. Я бы даже использовал сценарий, если это необходимо.

Есть веб-страница с этой проблемой: пример страницы

Примечание. Эта веб-страница в значительной степени основана на z-index, и есть много неэлегантных решений css (липкий нижний колонтитул, повторение фона). Это почти работает, но, как вы можете видеть, <div id="mainContent"> some text </div> имеет относительную позицию и имеет отрицательное нижнее поле, чтобы перекрывать нижний колонтитул. Но нижний колонтитул (<div id="footerFixWrapper"></div>) имеет абсолютную позицию, и он перекрывает mainConetnet независимо от того, имеет ли он более низкий z-индекс.


person Daniel.P.    schedule 16.05.2011    source источник


Ответы (1)


Похоже, что div существуют в разных контекстах стека. В этой ситуации z-index никак не повлияет друг на друга.

В CSS-Discuss Wiki есть подробности: http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex

person Jason Gennaro    schedule 16.05.2011
comment
так что... нет решения для моей веб-страницы :( - person Daniel.P.; 16.05.2011
comment
Нет, вы должны быть в состоянии исправить, но вам нужно разместить их в одном порядке стека. - person Jason Gennaro; 16.05.2011