ASP.NET/CSS - en utilisant une image pour un contrôle HyperLink que j'ai besoin d'échanger en survolant

Question

J'ai un HyperLink sur mon site qui affiche une image au lieu du texte. ce que je voudrais, c'est qu'il permette de passer à une autre image en passant la souris sur css. Jusqu'à présent, je suis venu avec ceci:

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

mon css:

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

bien

, qui ne fait rien. Je ne connais pas assez bien le css pour le comprendre. Aidez-moi, s'il vous plaît. aussi, on m'a demandé de ne pas utiliser javascript. Je l'ai eu en utilisant javascript mais j'ai besoin de travailler avec css. (ou je suppose que si je pouvais obtenir ce travail par programme serait bien aussi mais ... pas sûr à ce sujet.) merci.

Answer 1

Essayez ceci:

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

Le sélecteur :<state> en CSS est ce qu'on appelle un pseudoclass. Les pseudo-classes sont des sélecteurs spéciaux qui peuvent correspondre à un élément basé sur des choses comme des comportements ou des positions relatives.