Z- 인덱스가 포지셔닝에 작동하지 않습니다.

Question

이 주제를 검색했지만 아무 것도 내 문제를 해결하지 못하는 것 같습니다.

입력을 시작하면 드롭 다운되는 검색 기능이 있지만 검색 결과가 숨겨져있는 메뉴 막대 뒤에 나타납니다. 나는 z- 인덱스를 가지고 놀았지만 아무런 도움이되지 않습니다.

특정 위치에 대해 z- 색인이 작동하지 않는다고 읽었습니다. 사실입니까? 그렇다면 메뉴 막대 위에 결과를 표시하려면 어떻게해야합니까?

위치를 변경하면 메뉴가 제자리를 벗어납니다. 결과에 대한

는 CSS :

#results { 
z-index: 10000; 
position: absolute; 
width: 400px; 
float: right; 
background-color: #FFF; 
text-align: left; 

메뉴에 대한 CSS :

.menu { 
position: relative; 
float: left; 
width: 900px; 
height: 40px; 
margin-top: 17px; 
z-index: 3; 
margin-left: 40px; 
margin-bottom: 6px; 

감사합니다! .menu2 이후

Answer 1

는 (검색 드롭 다운에 부모) 3, .banner가 higer z-index을 (클래스 이름은 collegesa.co.za 출신)가 할 필요가있는 z-index의가 있습니다.

는 .banner

.banner { 
    z-index: 4; 
}