Changer l'opacite au survol sur une image
Bonjour,
je voudrais mettre de la transparence en opacity50 quand je survol mon image.
j'ai essayé filtre alpha mais pourle survol on fais comment?
ex:
img.5{opacity:0.5; filter:alpha(opacity=50);}
<img class="5" src="logo.png" alt="logo4" />
je voudrais mettre de la transparence en opacity50 quand je survol mon image.
j'ai essayé filtre alpha mais pourle survol on fais comment?
ex:
img.5{opacity:0.5; filter:alpha(opacity=50);}
<img class="5" src="logo.png" alt="logo4" />
Configuration: Windows XP Internet Explorer 7.0
6 réponses
-
Essayes avec :
img .5:hover
{
opaicty:0.5;
filter:alpha(opacity=50);
}
-
essaye ça :
<div id="imgg" style="opacity=100; filter:alpha(opacity=100);-moz-opacity:1" onmouseover="afficheg();"> <img class="5" src="logo.png" alt="logo4" /> </div>
et soit entre <head> et </head> ou le mieux dans un fichier fonction.js met çafunction afficheg() { document.getElementById("imgg").style.opacity=0.3; document.getElementById("imgg").style.filter='alpha(opacity=30)'; document.getElementById("imgg").style.MozOpacity=0.3; } -
bonjour,
j'essayer les 2 méthodes , çà pas réussi à fonctionner . je comprendspas pourquoi? merçi qd même à vous -
Ma méthode fonctionne sous Firefox (je l'ai testée à plusieurs reprise), reste à vérifier ce qu'il en est sous Internet Explorer.
-
la mienne aussi , pense a regarder la console d'erreur de FF
-
sous IE8 çàpas fonctionner , pas grave merçi quand même
