Changer l'opacite au survol sur une image

jnk972 -  
jnk972 Messages postés 70 Statut Membre -
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" />
A voir également:

6 réponses

Altay Messages postés 521 Statut Membre 36
 
Essayes avec :

img .5:hover
{
opaicty:0.5;
filter:alpha(opacity=50);
}
0
lewis34 Messages postés 2557 Date d'inscription   Statut Membre Dernière intervention   352
 
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 ça
function afficheg()
 {
        document.getElementById("imgg").style.opacity=0.3; 
	document.getElementById("imgg").style.filter='alpha(opacity=30)';
	document.getElementById("imgg").style.MozOpacity=0.3;
 }
0
jnk972 Messages postés 70 Statut Membre 10
 
bonjour,
j'essayer les 2 méthodes , çà pas réussi à fonctionner . je comprendspas pourquoi? merçi qd même à vous
0
Altay Messages postés 521 Statut Membre 36
 
Ma méthode fonctionne sous Firefox (je l'ai testée à plusieurs reprise), reste à vérifier ce qu'il en est sous Internet Explorer.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
lewis34 Messages postés 2557 Date d'inscription   Statut Membre Dernière intervention   352
 
la mienne aussi , pense a regarder la console d'erreur de FF
0
jnk972 Messages postés 70 Statut Membre 10
 
sous IE8 çàpas fonctionner , pas grave merçi quand même
0