Z-Index不适用于div框

Question

我有2个DIV盒子。我希望1个盒子与另一个盒子重叠。 该网站是：https://goo.gl/KhJVxU

我在盒子上使用＆＃34; navigationsleiste＆＃34;以下css代码：     .navigationsleiste {z-index：999;}

对于盒子＆＃34; Slider＆＃34;这个css代码：     .sliderbox {z-index：1;}

但它不起作用..

Answer 1

z-index属性仅在属性position与'静态'不同时才有效。

即：

/*********** will work */
.box1 {
    position: relative;
    z-index: 1;
}
.box2 {
    position: relative;
    z-index: 999;
}

/*********** won't work */
.box1 {
    z-index: 1;
}
.box2 {
    z-index: 999;
}