Bonjour !

Je cherche à faire un :hover sur une image pour que celle-ci change !
Bon, j'ai réussi ça sans problème, il m'a juste suffit d'intégrer les images en CSS.

img
{
background-image:url('image1');
}

img:hover
{
background-image:url('image2');
}

Seulement, je suis dans l'incapacité de cliquer sur cette image ! Quelqu'un a une solution pour faire un lien à partir d'une image qui, au survol de la souris, change ?

Sans javascript si possible ! ^^

<a href="www.monsite.com"><img src="image.jpg"></a>

Euh...Voui...Mais le hover là-dedans ?

Merci, mais j'aurais besoin de davantage d'explications...Désolé. :/

essaye sur les liien avec a:hover

Mets une class sur ton lien et dans ton CSS, transforme ton lien avec la class voulu en "block" :

a.taclass {
display:block;
height:64px; /*Hauteur de ton bouton*/
width:64px; /*Largeur de ton bouton*/
background:transparent url(url/de/ton/image/fond.png) no-repeat;
}

a.taclass:hover {
background:transparent url(url/de/ton/image/fond_hover.png) no-repeat;
}