css - 아래의 콘텐츠 위에 드롭 다운 탐색을 가져올 수 없습니다.

Question

CSS 드롭 다운 탐색을 만들고 있는데 탐색 영역 아래의 div에있는 내용 위에 드롭 다운을 표시 할 수 없습니다. 두 div를 절대적으로 배치하고 Z- 색인을 지정하지 않고 어떻게합니까? 당신은 여기 내 예를 볼 수 있습니다 당신은 이미 내가 볼 절대 위치를 사용했다

http://stage.fourwallsla.com/in-the-neighborhood

Answer 1

을하지만, 어쨌든 왜에 Z- 인덱스를 추가하지?

#container #top_nav .subnav { 
    position: absolute; 
    top: 37px; 
    width: 100%; 
    z-index: 1000; 
} 

그걸 해결하면 이제 더 나은 배경색으로 작업해야합니다. 은 "기능"을주기

Answer 2

부정적인 Z- 인덱스는

z-index:-1 

Answer 3

당신은 Z-인덱스도 명시하지 않고 그것을 또는 마크 업에 블록을 교환 할 수 없습니다 (크롬 방화범 시험) 일 것이다 div에

는

#container #nav_container { 
    z-index: 2; 
} 
#container #nav_container li a { 
    background-color: #fff; 
} 

Answer 4

#container #top_nav .subnav{ 
    z-index: 2; 
} 

#container #top_nav .subnav li > a{ 
    background: #fff; 
}