Hi Leute,
ich habe folgendes Problem. Ich benutze auf meiner Seite möglichst viele PNG Grafiken, da ich zb einen Bereich habe der auf der kompletten Seite statisch bleibt (mit Buttons als Grafik) wo sich aber nur die Hintergrundfarbe hin und wieder ändert. Da die Buttons Rundungen haben, zeigt der IE im hintergrund halt son hässliches Grau an. Ich weiß woran es liegt, nämlich am PNG Format. im Safari, Firefox zeigt er die Bilder wunderbar an, nur im IE nicht.
Ich habe diese Problematik außerhalb von Typo aber auch schon einmal gehabt, habe dann aber ein script gefunden welches dieses Problem löst. Das script funktioniert aber irgendwie nicht mit Typo zusammen.
Hat also jemand ein Lösungsansatz ? Gibt es irgendwelche Extensions die das problem fixen, oder habt ihr ne andere Idee ?
danke und gruß!
Also ich verwende auf einer Seite dieses Script:
// 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 imgidimgclassimgtitle="" style="\""" width:="" imgwidth="" pxheight:="" imgheight="" px="" imgstyle="" filter:progid:dximagetransformmicrosoftalphaimageloader="" src="" imgsrc="" sizingmethodscale=""></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);
Und dann in <head> das noch rein und es sollte klappen:
<!--[if gte IE 5.5000]>
<script src="fileadmin/js/pngfix.js" type="text/javascript" xml:space="preserve"></script>
<![endif]-->
Norman
viel einfacher - guckst du folgende extension:
tpg_iepngfix
😉
oh hamma gut, danke jungs 🙂
zu früh gefreut:
weder das ein oder andere geht. die ext wenn ich se installiere zeigt dann gar keine pngs mehr im IE an, sind einfach weg und wen ich die js datei einbinde funktioniert es acuht nicht.
seite.headerData.10 = TEXT
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/scripts/schnellauswahl.js" language="JavaScript">|</script>
?!