하위 메뉴 롤오버 팝업 표시 안함

Question

잘하면이 일부 CSS의 재향 군인에 대한 쉬운 대답이 될 것입니다.

클라이언트 용 사이트를 개발 중입니다. 가독성을 위해 웹 사이트 및 문제의 CSS 페이지에 대한 링크 만 제공 할 것입니다. 난 당신을 통해 스크롤 할 때 하위 메뉴는 메인 메뉴의 오른쪽에 팝업 만들려고 HTML CSS

"스타 석영 그라우트." 내 현재의 CSS는 분명히 올바르지 않지만 일부 지침을 사용할 수 있습니다.

ul#subNav {display: none; width: 134px; } 
li:hover ul#subNav, li.over ul#subNav {display: inline-block; position: absolute; top: 0px; left: 134px; } 

내 생각에 작동하지만 그것은 페이지의 나머지 부분에 숨겨져 있습니다. 나는 틀릴 수 있었다. Chrome의 'Inspect Element'(매우 좋은 점은 btw)에서도 확인하기가 다소 어렵습니다. 아마 어리석은 실수 일 겁니다. 어쨌든, 미리 감사드립니다. 나는 약간의 CSS 초보자이다.

ul#subNav ul 
{ 
display: none; 
} 

ul#subNav li:hover ul 
{ 
display:block; 
} 

을하지만 당신의 "리"존이 링크 자체보다 작기 때문에주의 :

Answer 1

이 작업을 시도 할 수 있습니다.

나는이 웹 사이트에서 이렇게했습니다 : Spirit Of Polo (장바구니를 가리키십시오). 터치 스크린 장치에서는 이러한 종류의 효과 (호버)가 보이지 않으므로 (호버링을 생각하면 불가능 함)