CSS 롤오버 - 마우스 오버 문제가 있습니까?

롤오버 문제가 있습니다. 도와 주실 수 있기를 바랍니다.CSS 롤오버 - 마우스 오버 문제가 있습니까?

저는 리 네비게이션을 사용하고 있으며 다른 페이지로 연결되는 별도의 상자가 필요합니다. 이 부분은 잘되고 그것이해야하는 것처럼 작동합니다. 상자 위로 마우스를 올려 놓으면 상자와 링크의 색상이 바뀌겠습니다. 상자를 아무 문제없이 변경할 수 있으며 링크 위로 마우스를 가져 가면 링크가 변경되지만 상자 위로 마우스를 가져 가면 변경 될 수있는 방법이 있습니까? 여기에 지금까지있어 무엇 :

#nav-menu ul{float: right; text-align: center;} 

#nav-menu li{margin-right: 5px; list-style:none; padding-left: 1px; text-align: center; font-size: 14px;float:left; padding:0px 15px; width: 57px; position:relative;z-index:200; background: #000; color: #FFFFFF; font-family: georgia;} 

#nav-menu li a{display: block; float: left; color:#fdf2e7;font-size:14px;text-decoration:none; text-align: center; padding:5px 0px 5px 0px; font-family: georgia;} 

#nav-menu a:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;} 

#nav-menu:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}

이 -

어떤 도움을 주시면 감사하겠습니다. 감사! :)

출처

2011-09-20 rossautomatica

위로 이동하면 목록 항목을 타겟팅하고 li:hover a을 사용하면 상위 목록 항목이 올라온 앵커를 타겟팅 할 수 있습니다.

출처

2011-09-20 21:56:44 Alex

고마워요, 알렉스! 몇 시간 동안 나를 괴롭혔던 문제를 해결했습니다! – rossautomatica

[여기] (http://jsfiddle.net/mYa3k/). '# nav-menu a : hover '를'# nav-menu li : hover a'로 변경했기 때문에,'li'가 덮여있을 때 앵커 스타일이 바뀌 었음을 주목하십시오. – Alex

어떤 브라우저를 지원해야하는지 잘 모르겠지만 IE6은 링크를 가리 키기 만합니다. – steveax

CSS 롤오버 - 마우스 오버 문제가 있습니까?

답변

관련 문제