Прежде всего, позвольте мне сказать, что я довольно новичок в CSS. Еще многому научиться! Я работаю над сайтом по адресу https://web.archive.org/web/20130709112702/http://www.thesweet-spot.com/test77
Все работает отлично, за исключением того, что основной блок контента размещается под логотипом с фиксированной позицией, а не поверх него, даже если z-индекс на логотипе ниже, чем z-индекс на блоке контента. Что вы, гении, можете сказать мне?
Фактически две причины:
Его родительский элемент установлен за логотипом. Любой z-индекс, применяемый к элементам в этом родительском элементе, будет применяться только к другим элементам внутри этого родителя. Все элементы внутри родителя будут уложены соответственно, тогда весь элемент будет помещен за логотип, как указано его порядком стека.
Z-индекс применяется только к элементам с положением абсолютного, фиксированного или относительного. Это не относится к элементам со статическим положением.
Он ограничен родительским контейнером z-index. Вы не можете установить для ребенка более высокий индекс z, чем родительский; он закрывается с родительским значением.
Вы можете сделать полоски фоном тега тела, а затем установить container на отсутствие фона. После этого установите container в более высокий z-index.`