가시성이 호버에서 변경되지 않음

Question

나는 visibility 속성을 사용하여 마우스를 올리면 드롭 다운 메뉴가있는 간단한 탐색 막대에서 작업하고 있습니다. 그러나 내가 공중에 떠있을 때, 그 상태는 효과가 없습니다. 이 논리 뒤에있는 논리는 무엇입니까?

http://jsfiddle.net/MAvQp/

Answer 1

의 자녀가되어야합니다 하위 항목 ul은 중첩되지 않습니다. 측면이 li이므로 ul li ul이 하위 항목과 일치하지 않습니다. 따라서 귀하의 HTML을 다음과 같이 변경하십시오

<ul> 
    <li>Menu Item 1 
      <ul> 
      <li>Sub-Menu1 Item 1</li> 
      <li>Sub-Menu1 Item 2</li> 
      <li>Sub-Menu1 Item 3</li> 
      </ul> 
    </li> 
… 

</ul> 

또한 my forked fiddle을 참조하십시오.

Answer 2

는 HTML 형식이 잘못되었으며, ul는

ul li:hover ul{ 
    visibility: visible; 
} 

하지만 당신은 하위 항목을 볼 수 있도록 노력하는 li하지 형제

fiddle