PNG-Datei - Unterschied Firefox / IE

[Bomber]

Hallo,

anbei eine transparente *.png-Datei. Warum wird diese im IE "sichtbar" und ist nur im Firefox und Opera transparent?

[boetli]

Zitat von Bomber

Hallo,

anbei eine transparente *.png-Datei. Warum wird diese im IE "sichtbar" und ist nur im Firefox und Opera transparent?

aus
wikipedia

Insbesondere der weit verbreitete Internet Explorer für Windows hat Probleme mit der Darstellung von PNG-Dateien, vor allem bei Bildern mit Alphakanal. Die neuesten Versionen der Browser Mozilla Firefox, Konqueror, Safari, Opera und Internet Explorer für Macintosh unterstützen PNG weitgehend fehlerfrei. Es gibt allerdings Workarounds für die fehlerhaften Browser. Microsoft hat inzwischen angekündigt, dass die geplante Version 7 des Internet Explorers PNG-Grafiken komplett unterstützen soll.

[Bomber]

Hmmm,

ist ja doof.

Danke für den Link.

[Bomber]

ok.

Habe das Script:

<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
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:progidXImageTransform.Microsoft.AlphaIma geLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->

innerhalb des Heads probiert und es funktioniert. Allerdings funktionieren damit meine JS-Buttons im Body nicht mehr.

Blöder IE.