CSS 드롭 다운 메뉴에서 하위 메뉴 표시를 제어하는 ​​방법은 무엇입니까?

Question

CSS 및 UL, LI 태그를 사용하여 메뉴를 만들었습니다. 내가 가지고있는 문제는 때로는 하위 메뉴가있는 일부 메뉴에서 커서를 가리키고 표시된 항목을 가리 키도록 이동하면 새 메뉴가 숨겨져 마우스 포인터를 가리킬 수 있다는 것입니다. 즉, 하위 메뉴가 매우 빠르게 숨겨집니다. 이 문제를 어떻게 해결할 수 있습니까?
이 메뉴는 www.parniaweb.ir

에 있습니다. 감사합니다.

Answer 1

아래 div 스타일에 대한 문제가 있다고 생각합니다. 특히 상단 : 38px; 값입니다. 이것을 상단으로 설정하면 0px; 크롬에서 문제를 해결합니다.

#cssmenu ul li > ul, #cssmenu ul li > div { 
    display: none; 
    width: auto; 
    position: absolute; 
    top: 0px; 
    padding: 0px; 
    background: #333333; 
    border-radius: 0 0 5px 5px; 
    z-index: 999; 
    border: 1px solid #333; 
} 

Answer 2

하위 메뉴의 요소에 약간의 영향을 주어 나에게 트릭을 적용합니다. "top"속성 (38 -> 37)에서 한 픽셀을 가져 와서 상단에 검은 색 테두리를 추가하여 다른 메뉴 트리거와 구분하십시오.

#cssmenu ul li > ul, 
#cssmenu ul li > div { 
    display: none; 
    width: auto; 
    position: absolute; 
    top: 37px; 
    padding: 0px; 
    background: #333; 
    border-radius: 0 0 5px 5px; 
    z-index: 999; 
    border: 1px solid #333; 
    border-top: 1px solid #000; 
}