Changer l'image au survol

Bonjour, j'ai ce code :

Code:

---

1 2 3 4 5 6 7 8

<header class="container" style="width: 315px; background: none; border: none; margin-bottom: 0px;"> <div class="row" > <div class="col-md-3" style="width: 303px; height: 160px; margin: 0px; border: 0px; margin-bottom: 0px;"> <a id="img1" href="/"><img src="img/start-game1.png" class="img-responsive" alt=""></a> </div> </div> </header>

---

Après de multitude de tentative je réussi pas a changer l'image quand la souris est dessus.

Et pour info j'ai check google

CDT

Pouriez vous m'aider ?

Bonjour,
il existe plusieurs façons de faire dont celle qui consiste à changer l'image en background sur le :hover.

Code:

---

1 2 3 4 5 6

.fond-image { background-image: url(image-fond-par-defaut); } .fond-image:hover { background-image: url(image-fond-au-survol); }

---

avec

Code:

---

<div class="fond-image"></div>

---

il faudrait peut-être nous en dire plus sur ce que tu souhaites réaliser.