[ résolu ]Problème IE7 et PNG transparent

Bonjour tout le monde.

J'ai un soucis avec IE7 et un PNG transparent en image de fond.

Je suis entrain de faire un menu en javascript avec scriptaculous afin de mettre des petits effets. (aucun soucis de se coté là) mais lors de l'affichage des sousmenus, IE7 se comporte bizarrement avec mon image de fond en PNG transparent..
Il affiche un liseret noir autour de mon image avec un crénelage
http://test.rhesusweb.com/alsacreation/capture1.jpg

et très peu de temps après il affiche l'image normalement
http://test.rhesusweb.com/alsacreation/capture2.jpg

C'est très curieux et c'est la première fois que j'ai ce genre de problème.

Note : je n'ai pas encore mis des hack css afin que IE6 et autre gère correctement le transparence de ce PNG.

J'ai essayé de ré-enregistrer mon PNG avec différente option dans photoshop mais sans succès.

Quelqu'un aurai - t il une idée sur la source de mon problème ?
Modifié par lymanss (29 Oct 2008 - 15:16)

Bonjour,

PNG-24 (avec pixels translucides) et filter: Apha(opacity=N) ne font pas bon ménage. C'est sans doute là le problème. Je suppose que tu utilises un effet d'affichage progressif avec Scriptaculous? Cet effet utilise la propriété opacity pour les navigateurs qui la comprennent, et un filtre pour IE 6 et 7... mais qui pose problème avec les PNG-24.

Donc à priori les deux effets (image de fond translucide et affichage progressif) ne peuvent pas être combiné avec IE7. Et encore moins avec IE6. Il faudra opter pour l'un ou l'autre.

Un sujet similaire qui date... d'hier:
http://forum.alsacreations.com/topic-5-38023-1-Effet-fade-PNG24--IE7--horrible.html

Merci pour ta réponse. Et désolé pour la redondance de sujet.... je ne l'avais pas vu.

Je vais voir pour trouvé un compromis entre la transparence du PNG et mon effet de Fade.

Bonne journée.

Tu peux peut-être utiliser du gif pendant l'animation non ? t'auras toujours un effet escalier mais tu pourras contrôler sa couleur et faire en sorte que ça soit plus en harmonie avec ton fond.

Voire du GIF ou PNG-8 tout le temps, s'il est acquis que le fond en dessous sera toujours blanc uni, avec surtout du texte comme contenu. Les escaliers du rose au blanc se verront peu ou pas du tout sur un fond blanc avec juste du texte.

Bonjour,

Merci pour vos réponse mais le soucis c'est que il n'y aura pas souvent un fond blanc avec juste du texte sous le menu..
La plus part du temps il y aura une ou des images, voir même une vidéo.... donc je peux pas faire ça avec du gif ou du PNG-8.
j'ai fais des essai et le rendu n'est vraiment pas beau.
Et comme le site est pour un gros client je ne peux me permettre de laisser se problème.
Nous avons tranché et j'ai enlevé l'effet de fade sur le sous menu. Et la effectivement plus aucun soucis avec le PNG-24.

Encore merci d'avoir réfléchi à mon problème.

A bientôt sur votre forum fort intéressant et riche de contenu.