IE8 opacity et image PNG

Fermé
Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 - 2 déc. 2011 à 10:14
Navid_92 Messages postés 711 Date d'inscription dimanche 7 décembre 2008 Statut Membre Dernière intervention 12 février 2015 - 2 déc. 2011 à 17:43
Bonjour,

j'ai un petit problème,

je suis obligé d'utiliser IE8 (oui je sais mais bon, je n'ai pas le choix).

Une image PNG est mise dans un DIV, jusque là tout va bien j'ai la transparence dans mon image.

Je voudrais appliquer une opacity à ce DIV et lorsque je passe la souris sur le DIV l'opacity est de nouveau à 100%.
Le problème est que si je met opacity au DIV, l'image PNG n'a plus de transparence.

voici en gros le code de ma page :

                 <div id="div-post-it">
					blablabla ...
		</div><!------ div-post-it ----->


voici le css :

#div-post-it {
background-image:url(images/post-it.png);
filter: alpha(opacity=20);
}
#div-post-it:hover {
filter: alpha(opacity=100);
}


Je voudrais savoir si quelqu'un a une solution pour que le PNG garde la transparence.

Merci


A voir également:

3 réponses

Latinox Messages postés 378 Date d'inscription mardi 15 novembre 2011 Statut Membre Dernière intervention 17 janvier 2012 112
2 déc. 2011 à 10:18
Bonjour,

Essaye d'appliquer le niveau de transparence à l'image également.
0
Angelneonizz Messages postés 784 Date d'inscription mardi 9 décembre 2003 Statut Membre Dernière intervention 19 février 2018 137
2 déc. 2011 à 10:46
merci pour ta réponse

le problème est que l'image est transparente mais l'ombre appliqué au pos-it est noir (transparent également). En fait il n'y a plus de dégradé.
0
Navid_92 Messages postés 711 Date d'inscription dimanche 7 décembre 2008 Statut Membre Dernière intervention 12 février 2015 87
2 déc. 2011 à 17:43
0