Bonjour,
je cherche à adapter une image à la résolution de l'écran, ce qui fonctionne avec ceci :
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;}
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...)
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" />