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