Wer kennt dies wohl nicht. Nun hat man eine tolle Homepage zusammengebastelt. Im Firefox sieht sie wunderschön aus jedoch im Internet Explorer nicht, da er keine .png Bilddateien unterstützt.
Zum Glück ist der Internet Explorer 8 kompatibel mit den .png Bildern. Der 7er und 6er jedoch nicht.

Dafür gibt es jedoch eine ganz einfache Lösung. Einfach folgendes Javascipt einfügen und schon funktionieren auch .png Dateien im Internet Explorer 7 und 6.


Use in with DEFER keyword wrapped in conditional comments:


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

if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; 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 = " "
img.outerHTML = strNewHTML
i = i-1
}
}
}