---
title: "PNG Tranparenz im IE"
url: "https://www.typo3.net/d/35918-png-tranparenz-im-ie"
source: "typo3.net"
tags: ["Allgemein","Bilder","Frage","HTML & CSS"]
created: "2006-01-09"
last_reply: "2006-01-11"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# PNG Tranparenz im IE

Allgemein · 4 Antworten · gestartet 2006-01-09

## Eröffnungsbeitrag

**alex_kiener** · 2006-01-09 · [Beitrag #1](https://www.typo3.net/d/35918-png-tranparenz-im-ie/1)

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ß!

## Antworten

### [#2](https://www.typo3.net/d/35918-png-tranparenz-im-ie/2) · Norman2k · 2006-01-09

Also ich verwende auf einer Seite dieses Script:

```javascript
// 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="\&quot;&quot;" 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:

```javascript
<!--[if gte IE 5.5000]>
<script src="fileadmin/js/pngfix.js" type="text/javascript" xml:space="preserve"></script>
<![endif]-->
```

Norman

### [#3](https://www.typo3.net/d/35918-png-tranparenz-im-ie/3) · einpraegsam.​net · 2006-01-09

viel einfacher - guckst du folgende extension:
tpg_iepngfix

;)

### [#4](https://www.typo3.net/d/35918-png-tranparenz-im-ie/4) · alex_kiener · 2006-01-09

oh hamma gut, danke jungs :)

### [#5](https://www.typo3.net/d/35918-png-tranparenz-im-ie/5) · alex_kiener · 2006-01-11

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.

```typoscript
seite.headerData.10 = TEXT
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/scripts/schnellauswahl.js" language="JavaScript">|</script>
```

?!

---

Quelle: „PNG Tranparenz im IE“, typo3.net, https://www.typo3.net/d/35918-png-tranparenz-im-ie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.