Discussion :

[Yu-Chan]

Bonjour, j'ai ce code :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[NoSmoking]

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

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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