28173 sujets

CSS et mise en forme, CSS3

Bonjour a tous, j'ai lu beaucoup d'article sur l'intégration des PNG mais je n'arrive toujours pas à régler mon problème.

Dans ma page j'ai une div, dans cette div, je place un lien image en jpg
Dans ma css, je place une image en PNG en background.

<div id="madiv"><a href="produits.html" class="linkopacity">
	<img src="images/accueil/image3.jpg"/>
</a></div>


Voici mon code CSS

div#madiv{position:relative; margin:-140px 0px 0px 500px; background:url(../images/accueil/fond_image.png) no-repeat; width:229px; height:217px; }



a.linkopacity img {
z-index: 1;
filter:alpha(opacity=100);   
-moz-opacity: 0.9;   
opacity: 0.9;
}

a.linkopacity:hover img {
filter:alpha(opacity=50); 
-moz-opacity: 0.6; 
opacity: 0.6;
}


Mon problème est le suivant : sous firefox mon alpha fonctionne très bien sur mon image jpg mais sur IE7 c'est carrément mon lien qui est inactif, celui le devient lorsque que je change mon image background en gif ou autre mais avec du PNG rien ne fonctionne.

Quelqu'un a t'il déjà eu ce type de problème

Merci d'avance pour vos réponse