내포 된 목록의 'hover'를 목표로하는 방법

Question

중첩 된 li 요소에 visibility : hidden을 설정하면 어떻게이를 가리 키도록 설정할 수 있습니까?

예 :

#menu li ul li:hover { 
visibility: visible; 
} 

을하지만 그것은 작동하지 않습니다 - 그래서 분명히 내가 구문 권리가 없어 :

#menu li ul li { 
visibility: hidden; 
} 

나는 노력!

환호

Answer 1

visibility: hidden는 요소를 숨기고 더 hoverable 표면을 떠나지 않는다, 그래서 hover 이벤트가 트리거 존재하지 않습니다.

opacity: 0 (심지어는 opacity: 0.00001, 표면이 0인지 여부는 확실하지 않음)을 시도하여 원하는 효과를 얻으십시오. IE < 8에 특별한 대우가 필요함을 유의하십시오.

다른 브라우저는 기타 opacity 설정이 필요합니다. 전체 목록은 @Nick Craver의 링크에서 확인하십시오.

<li><p>dadada</p></li> 

그리고 스타일링, : :이 (AP 또는 사업부 될 수있다)처럼

Answer 2

왜> 각 < 리에서 아이 래퍼를 추가하지

#menu ul li p { 
visibility: hidden; 
} 

#menu ul li:hover p { 
visibility: visible; 
}