不能使一個div重疊另一個特定的div

Question

我有兩個元素導航div和幻燈片控制器div，但我不能讓導航div重疊滑動控制器div。這裏是我的代碼（1.導航代碼2.滑動控制器代碼）：

nav { 
    position: absolute; 
    width: 200px; 
    height: 100vh; 
    background-color: white; 
    margin-top: -20px; 
    z-index: 1; 
} 

nav ol { 
    margin-top: 100px; 
    width: 190px; 
} 

nav li{ 
    display: block; 
    margin: 0px; 
    padding: 15px; 
    position: relative; 
    width: 170px; 
    border-bottom: 1px solid #bfbebe 
} 

nav a { 
    color: black; 
} 


#Slider_Control { 
    position: absolute; 
    z-index: 2; 
    width: 210px; 
    height: 40px; 
    background-color: #d51200; 
    margin-left: 50%; 
    transform: translate(-50%); 
    -webkit-transform: translate(-50%); 
    -ms-transform: translate(-50%); 
    margin-top: 574px; 
} 

.CircleControl { 
    width: 10px; 
    height: 10px; 
    display: inline-block; 
    background: white; 
    border-radius: 100%; 
    margin-right: 5px; 
    margin-left: 5px; 
} 

#Circles { 
    text-align: center; 
    height: 40px; 
    line-height: 40px; 
} 

#Arrow_1, #Arrow_2 { 
    position: absolute; 
    width: 20px; 
    height: 0 auto; 
    margin-top: -40px; 
    padding: 10px; 
    background: #ed1602 
} 

#Arrow_2 { 
    margin-left: 170px; 
    transform: rotate(180deg); 
} 

#Triangle_1 { 
    width: 0; 
    height: 0; 
    border-bottom: 14px solid transparent; 
    border-left: 20px solid #7d0b00; 
    margin-left: 210px; 
    margin-top: -14px; 
} 

#Triangle_2 { 
    position: absolute; 
    width: 0; 
    height: 0; 
    border-bottom: 14px solid transparent; 
    border-right:20px solid #7d0b00; 
    margin-top: -14px; 
    margin-left: -20px; 
} 

我希望有人能解決這個問題滑塊控制器保持重疊的資產淨值股利，這是前人的精力周圍的其他方式。

（讓我現在如果你需要更多的信息）

Answer 1

那麼從我所看到的，如果你想要的導航標籤重疊#Slider_Control，因爲它們都具有的位置是：絕對的，你必須do是在你的導航標籤上放置一個更高的z-index。現在你的導航是在1和你的Slider_Control在2，所以Slider_Control將永遠在最前面。

但同樣，我可能是錯的，提供這個html的上下文會有所幫助。