使用元素的Z-Index相对于重叠图像定位

Question

网站：forus-group.com

我正在尝试定位右侧导航以重叠滑动标题图像。无论我给它的z-index有多高，它都不会与图像重叠，这些图像的父级部分的z-index为3.这两个元素都是粗略的，相对于促进z-index的定位。

即使我试图给图像本身一个负z-index，它们仍然与右列重叠。相关CSS如下：

#right {
     width: 275px;
     position: relative;
     bottom: 175px;
     z-index: 50;
}

#tophead .cycleitem img {
     position: relative;
     z-index: 1;    
}

当z-index为50时，所有其他项目（在标题中）都会正确显示。提前谢谢。

编辑：网站现已恢复到破损状态。尝试修复IE 7时降低了Bug，但现在出现在现代的brosers中。我的标题是全高，下面的内容。然后我尝试将右列相对于：

position: relative;
bottom: 175px;
z-index: 150;

再次感谢。

Answer 1

这是因为菜单实际上位于与标题不同的文档部分中：

<header id="tophead">
    header image here
</head>
<section id="content">
    sidebar menu here
</section>

如果您希望菜单与标题图像重叠，则必须重新构建文档。一种hack-ish方法是制作侧边栏的top: -313px，它与标题的高度相匹配。