Мой сайт WordPress, похоже, не позволяет мне z-индексировать мой раздел комментариев поверх моего основного контента. Моя цель состоит в том, чтобы мой .column-left был зафиксирован в положении, но он перекрывает все, что находится под ним. Это то, что у меня сейчас есть, и вы увидите его в прямом эфире на jpshots.com.
<div class = "guts">
<div class = "column-left"> copy </div>
<div class = "colum-right"> gallery </div>
<div class = "clear"></div>
.column-left{
float:left;
display: block;
width: 35%;
position: relative;
height:100%;
z-index:1
}
#comments{
z-index:99999;
}
footer{
z-index:999999;
}
Когда я пытаюсь переключить тип позиции .column-left, он скрывает его. Любое понимание будет с благодарностью!
z-index
не работает с элементами position:static
(что, как ни странно, установлено по умолчанию).
z-index
влияет только на элементы position:relative
, position:absolute
и position:fixed
.
Попробуйте добавить position:relative
к своим элементам.
Обратите внимание, что position:relative
работает почти так же, как position:static
, но также работает с абсолютным позиционированием и z-индексом.
ДА! Добавление
position:relative
в нижний колонтитул и раздел комментариев помогло. Спасибо!