드롭 다운 메뉴가 완전히 중복되지 않는 메뉴 옵션입니다. Z- 색인 설정

Question

겹쳐진 메뉴를 볼 수 있도록 메뉴를 확장했습니다. http://ocart.site/opencart/

데스크톱에 마우스를 가져 가서 메뉴가 떨어지면 적용 할 Z- 색인 설정을 알고 있습니까? 드롭 다운 내에서 구성 요소 메뉴 제목을 볼 수 없습니다.

Answer 1

스타일 시트를 약간 변경해야합니다.

#menu > ul > li 

및

#menu > ul > li > a 

:

이러한 스타일에서 Z-index 속성을 제거

링크를보고하고 코드를 검사 한 후, 난 당신이 다음을 수행 할 필요가 발견

이러한 요소 중 하나에 대해 Z- 색인을 선언 할 필요는 없습니다.

#menu > ul > li > div { 
    z-index: 1; 
} 

당신이 메뉴 제목을 통해 드롭 다운 메뉴를 볼 수있을 것입니다 짓을하고 우승하면 '

는 그런 다음과 같이 다음에 하나의 Z- 인덱스를 설정해야 가려져서는 안된다.

Answer 2

변화 당신의 stylesheet

에서 다음 CSS 코드는 position:relative;#menu > ul > li에서 line No 338

#menu > ul > li { 
    float: left; 
    padding: 6px 5px 5px 0; 
    /* position: relative; */ /* Remove this property */ 
    z-index: 0; 
} 

및 설정 z-index:10line No 364

#menu > ul > li > div { 
z-index:10; 
}