ASP.NET/CSS - 마우스를 올려 놓을 때 스왑해야하는 하이퍼 링크 컨트롤에 이미지 사용

Question

텍스트 대신 이미지가 표시되는 내 사이트에 하이퍼 링크가 있습니다. 내가 뭘 원하는지 CSS를 사용하여 마우스 오버에 다른 이미지로 바꿀 수 있습니다. 지금까지, 나는이 함께 왔어요 :

<asp:HyperLink ID="hlHome" runat="server" ImageUrl="~/images/home.gif" 
     NavigateUrl="~/Default.asp" CssClass="homeHover" /> 

내 CSS : 잘

.homeHover { } 
.homeHover:visited { background: url(../images/home.gif) no-repeat; } 
.homeHover:Hover { background: url(../images/home_hover.gif) no-repeat; } 

, 아무것도하지 않습니다. 나는 이것을 이해할만큼 CSS를 잘 모른다. 도와주세요. 또한, 나는 자바 스크립트를 사용하지 않는 질문을 받았습니다. 내가 자바 스크립트를 사용하여 일하고있어하지만 CSS를 사용하여 작동해야합니다. (또는 내가 프로그래밍 방식으로 작동하도록이 작업을 수행 할 수 있다면 좋겠지 만 ... 확실하지는 않습니다.) 감사합니다.

Answer 1

이 시도 :

a.homeHover:visited { background: url(../images/home.gif) no-repeat; } 
a.homeHover:hover { background: url(../images/home_hover.gif) no-repeat; } 

CSS의 :<state> 선택은 pseudoclass로 알려져 있습니다 것입니다. Pseudoclasses는 행동 또는 상대 위치와 같은 요소를 기반으로 요소를 일치시킬 수있는 특수 선택기입니다.