Opacité image CSS Html

Résolu
Marion -  
 Marion -
Bonjour,


Je suis en train de créer mon site web. Dans la page d'accueil j'ai 4 photos qui amènent à des pages internes. Elles font office de menu secondaire.

J'aimerai qu'au survol de la souris, l'opacité de l'image change: qu'elle devienne plus foncée.
J'ai essayé divers codes qui ne fonctionnent pas.

Ma question est: le code CSS, je peux le mettre où je veux dans ma feuille de style ??
Puis dans mon html, je mets dans mon image après title par exemple: class="..." ?

Est ce que je le fais au bon endroit ? dans le CSS ? et dans l'HTML ?

J'ai mis cela par exemple comme code CSS:
.exemple:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

Si vous avez des propositions, merci d'avance !!!
A voir également:

1 réponse

Réponse 1 / 1

 
Salut

sur tes images ou ta class tu met quelque chose comme ca 

img
{
opacity:0.4;
filter:alpha(opacity=100); /* pour IE8 et anterieur */
}
img:hover
{
opacity:1.0;
filter:alpha(opacity=50); /* pour IE8 et anterieur  */
}


a+
0

Discussions similaires

PIX
plart -
jordane45 -

1 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Dechiffrer une image caché
JACQUE -
Otomec -

1 réponse
Comment recadrer une image avec Inkscape
infofeet -
TELLIEZ -

13 réponses