Transparence des png sous ie <7
Auteur Sujet

Post 
Je ne savais pas qu'un simple code javascript permettait de résoudre ce problème, il fait partie d'un script pour svn : WebSVN.
Je ne l'ai pas encore testé sous autre chose que WebSVN mais logiquement ça devrait fonctionner...

code à insérer dans le header de la page html
  1.     <!--[if lt IE 7]> 
  2.     <script type='text/javascript' src='png.js'></script
  3.     <![endif]--> 


png.js
  1. // correctly handle PNG transparency in Win IE 5.5 or higher. 
  2.   
  3. function correctPNG() 
  4.    for(var i = 0; i < document.images.length; i++) 
  5.    { 
  6.       var img = document.images[i] 
  7.       var imgName = img.src.toUpperCase() 
  8.       if (imgName.substring(imgName.length-3, imgName.length) == "PNG") 
  9.       { 
  10.          var imgID = (img.id) ? "id='" + img.id + "' " : "" 
  11.          var imgClass = (img.className) ? "class='" + img.className + "' " : "" 
  12.          var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " 
  13.          var imgStyle = "display:inline-block;" + img.style.cssText  
  14.          var imgAttribs = img.attributes; 
  15.          for (var j=0; j<imgAttribs.length; j++) 
  16.          { 
  17.             var imgAttrib = imgAttribs[j]; 
  18.             if (imgAttrib.nodeName == "align") 
  19.             {           
  20.                if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle 
  21.                if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle 
  22.                break 
  23.             } 
  24.          } 
  25.          var strNewHTML = "<span " + imgID + imgClass + imgTitle 
  26.          strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" 
  27.          strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
  28.          strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"  
  29.          img.outerHTML = strNewHTML 
  30.          i = i-1 
  31.       } 
  32.    } 
  33.  
  34. var supported = /MSIE (5\.5)|[6789]/.test(navigator.userAgent) && navigator.platform == "Win32"; 
  35.  
  36. if (supported) 
  37.    window.attachEvent("onload", correctPNG); 


-------------------------------------------
...n'oubliez pas que l'outil Recherche est votre ami !
...bien souvent il répond à nos questions avant même que l'on ne se les pose ! ^^
Données personnelles Accueil

Post 
malin le truc...

perso j'aurais eu tendance à mettre

  1. Si les images sont moches <a href="http://www.mozilla-europe.org" title="Utilisez un vrai logiciel (libre et gratuit en plus)">Cliquez ici</a> 


oups... un troll
Données personnelles Accueil
Post 
pour compléter
http://www.css-ig.net/docs/transparence_format_png/
Données personnelles Accueil