容器中固定和相对div的z索引问题

Question

我面临着z-index的问题，我的布局草稿表格在这里： jsfiddle

我正在努力实现以下目标

1. 该#topBar ， #Navigations ， #infobar必须始终固定。（已经实现）

2. #mainMenu Z-index。 需要介于#contentBorder和#content之间（有阴影）。

3. #categorys Z-index。 需要位于#contentBordera和#content顶部。

任何帮助将不胜感激。

Answer 1

见www.w3schools.com

定义和用法

z-index属性指定元素的堆栈顺序。

具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。

注意：z-index仅适用于定位的元素（position：absolute，position：relative或position：fixed）。

Answer 2

这里的解决方案是给#sideBar一个比#contentBorder div高的索引，然后#sideBar的所有子元素可以与#contentBorder内的那些子元素重叠：

#topBar {
    z-index:2000;
}
#sideBar {
    z-index: 1900;
}
#mainMenu {
    z-index:1500;
}
#categorys {
    z-index:1800;
}
#contentBorder {
    z-index:1400;
}
#content {
    z-index:1600;
}

http://jsfiddle.net/6hRdF/13/