PNG transparent sous IE

[revaz]

Internet Explorer ne sait pas afficher la transparence sur les images au format PNG (firefox n'a aucun probleme pour la transparence).

Pour avoir de la transparence sur les png avec IE il faut mettre le petit script que voila :

tout d'abord ouvrez votre bloc note, et copiez ceci :

// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 02-March-2004

function correctPNG()
{
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
}
}
}
window.attachEvent("onload", correctPNG);

Enregistre le fichier avec ce nom pngfix.js , après vous devrez héberger ce fichier sur le net.

pour un forumactif il suffit de mettre ceci dans "description du site"

<!--[if gte IE 5.5000]> <script type=text/javascript src=url du fichier pngfix.js></script><![endif]-->

[larme d']

png sans transparence:




png avec transparence:




gif transparent:

[revaz]

le script marche très bien.
mais voila interdit le hotlink, donc à toi de trouver un hébergeur acceptant le hotlink sur un fichier .JS