zIndex가 예상대로 작동하지 않습니다.

Question

메뉴와 슬라이드 쇼가 있는데, 메뉴의 zindex는 슬라이드 쇼보다 큽니다. 그러나 어떤 이유로 인해 슬라이드 쇼로 덮여 있습니다. zindex에 대한 문서를 살펴본 결과 왜 이런 일이 일어나는 지 알 수 없습니다.

당신은 여기 사이트로 이동 할 수 있습니다 http://cp31.stablehost.com/~edenvill/

크롬을 사용하여 사이트를보고하십시오.

도움이 될 것입니다. 감사합니다

Answer 1

표시되는 문제가 상단 표는 Z- 인덱스 세트를 가지고 있기 때문에이 경우 부모 요소는 다음 설정 낮은 Z- 인덱스를 가지고 있기 때문에

table.top-table { 
    .... 
     z-index: 9 !important; 
} 

을 높은 Z- 인덱스 어린이 요소 부모에게는 형제 자매에게 영향을 미치지 않습니다. (이것은 이해할 수있다?)

는 999 (슬라이드 쇼 자막 패널) 현제을 높일 경우가 작동합니다.

table.top-table { 

    z-index: 99999 !important; 
}