Bonjour,
je cherche à adapter une image à la résolution de l'écran, ce qui fonctionne avec ceci :
mais par contre je n'ai plus l'image réactive au passage de la souris (si j'enlève le CSS, l'image réactive fonctionne bien...)
Code : Sélectionner tout - Visualiser dans une fenêtre à part img.image_fond {position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;}
Merci de votre aide !
html :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <map name="map"> <area shape="rect" coords="1124,506,1158,904" alt="image1" href="#" title="image1" onmouseover="nouvelle_image.src='image3.jpg'" onmouseout="nouvelle_image.src='image1.jpg';" /> <area shape="rect" coords="822,636,1006,736" alt="image2" href="#" title="image2" onmouseover="nouvelle_image.src='image4.jpg'" onmouseout="nouvelle_image.src='image1.jpg';" /> </map> <img src="image1.jpg" border="0" usemap="#map" name="nouvelle_image" class="image_fond" /> <img style="display:none"src="image3.jpg" class="image_fond" /> <img style="display:none"src="image4.jpg" class="image_fond" />
Partager