Changer l'opacité d'une image

En CSS

19 décembre 2005 à 13:29:01

Bonjour,

Je suis en train de faire un site web et j'ai beaucoup de projets pour ce dernier. J'ai songé à un effet sympa sur une image : faire en sorte à ce qu'à son survol, elle change d'opacité, qu'elle soit "plus claire" en quelque sorte.

Mais qu'est-ce que tu nous raconte ?

En fait, faire comme les images de ce menu horizontal. J'ai pensé à créer un bloc avec un changement de background mais deux images pour un effet comme ceci, ca va faire lourd.

Je me demandais donc s'il existait une propriété CSS qui permetterait de changer l'opacité d'une image.

Voilà, si vous avez la solution, merci de me la faire parvenir

!

Bonne journée

JulFisher

19 décembre 2005 à 14:02:55

#menutop a:hover {
color: #fff;
background: transparent url(design/menu.jpg) top left no-repeat;
}

#menutop a#menu1:hover {
background-position: -26px -28px;
}
#menutop a#menu2:hover {
background-position: -127px -28px;
}
#menutop a#menu3:hover {
background-position: -228px -28px;
}
#menutop a#menu4:hover {
background-position: -329px -28px;
}
#menutop a#menu5:hover {
background-position: -430px -28px;
}
#menutop a#menu6:hover {
background-position: -531px -28px;
}

/* Code de Raphaël GOETTER http://css.alsacreations.com */

La prochaine fois que tu vois un site avec quelque chose qui t'y plait, pense à regarder le code

PS : Qu'on ne m'en veuille pas d'avoir copier/coller le code source du site :euh:

Vinchz

19 décembre 2005 à 14:10:39

C'est ce que j'ai fait mais je ne comprends pas le code et j'aime comprendre ce que je code