z-index问题，包含容器中的固定和相对div

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：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/