为什么我不能对我的主要内容的评论和页脚进行 z-index？

Question

我的 WordPress 网站似乎不允许我对我的主要内容的评论部分进行 z-index。我的目标是让我的 .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-index.

为什么我不能对我的主要内容的评论和页脚进行 z-index？

Why cant I z-index my comments and footer over my main content?

html

css

footer