为什么我不能在我的主要内容上对我的评论和页脚进行 z 索引

Question

我的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 的位置类型时，它会掩盖它。任何见解将不胜感激！

Answer 1

z-index不适用于

position:static元素(神秘的是，这是默认值(。

z-index只影响position:relative、position:absolute和position:fixed的元素。

尝试向元素添加position:relative。

请注意，position:relative与position:static几乎相同，但它也适用于绝对定位和z指数。