11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Mon problème : j'ai une image et je veux lui mettre un rollover au passage de la souris.
Etat initial : l'image à une opacité faible et au passage de la souris elle redevient normal.

Comment faire cela simplement ? Je connais mal les png, mais est ce qu'avec une image blanche en png8, je ne pourrais pas la mettre en calque sur mon image et jouer sur la transparence du png pour l'effet de survol ?

Connaissez vous d'autres moyens pour faire ce genre d'effet sachant que je veux éviter à tout prix d'avoir 2 images.

Merci et bonne course de noël !
Modifié le 19 Dec 2004 - 15:44
lol, désolé j'ai lu un peu très vite Smiley lol ...

Tu ne devrais pas te prendre la tête...


img {
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* Mozilla */
       -khtml-opacity: 0.5; /* Safari */
	opacity: 0.5; /* CSS3 */
}