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" />
Configuration: Windows XP Internet Explorer 7.0

6 réponses

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

    img .5:hover
    {
    opaicty:0.5;
    filter:alpha(opacity=50);
    }
    0
  2. 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
  3. 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
  4. 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
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. 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
  7. jnk972 Messages postés 70 Statut Membre 10
     
    sous IE8 çàpas fonctionner , pas grave merçi quand même
    0