Problème avec un png qui s'efface sous IE7

Bonjour,

j'utilise le format .png pour sa qualité mais j'ai un problème sous IE7, la transparence !
J'ai donc téléchargé le script pngfix.js que voici :

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters)) 
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText 
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}

Il marche plutôt bien si ce n'est un problème : Il aplati mon formulaire, çàd, il rend l'ombre du formulaire en JS toute noire mais bon ça ça passe encore.

Le pire c'est que j'utilise une image ronde pour fermer ce formulaire (contenu dans une div) et cette image-là, disparait...

Voilà mon site : www.simonsouris.com[/i]
(problème situé quand on clique sur la petite enveloppe)
Modifié par simon-s (14 Apr 2008 - 19:57)

Bonjour,

simon-s a écrit :
j'utilise le format .png pour sa qualité mais j'ai un problème sous IE7, la transparence !
J'ai donc téléchargé le script pngfix.js

Internet Explorer 7 supporte correctement la transparence PNG.
Il ne faut pas charger le script pngfix.js pour ce navigateur.

Pour IE6, on peut effectivement envisager des correctifs pour la transparence PNG. Dans ce cas, soit on fait ça soi-même à la main, soit on utilise un script tel que pngfix.js qui automatise certains correctifs. Mais dans le deuxième cas on perd le contrôle de ce qui se passe exactement, et corriger un problème qui surviendrait sera plus compliqué.

Florent V. a écrit :
Bonjour,


Internet Explorer 7 supporte correctement la transparence PNG.
Il ne faut pas charger le script pngfix.js pour ce navigateur.

Pour IE6, on peut effectivement envisager des correctifs pour la transparence PNG. Dans ce cas, soit on fait ça soi-même à la main, soit on utilise un script tel que pngfix.js qui automatise certains correctifs. Mais dans le deuxième cas on perd le contrôle de ce qui se passe exactement, et corriger un problème qui surviendrait sera plus compliqué.

Merci beaucoup