Я прочитал несколько вопросов/статей о 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-индекс.