---
title: "Problem mit TYPO3-PNGs und CSS behavior"
url: "https://www.typo3.net/d/64972-problem-mit-typo3-pngs-und-css-behavior"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Bilder","Frage","HTML & CSS"]
created: "2007-07-07"
last_reply: "2007-07-07"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Problem mit TYPO3-PNGs und CSS behavior

Frontend › Barrierefreiheit · 1 Antwort · gestartet 2007-07-07

## Eröffnungsbeitrag

**droptix** · 2007-07-07 · [Beitrag #1](https://www.typo3.net/d/64972-problem-mit-typo3-pngs-und-css-behavior/1)

Für IE 5 und 6 habe ich in meinem StyeSheet das folgende [Behavior](http://www.twinhelix.com/css/iepngfix/) definiert:

```html
* {
    behavior:url(fileadmin/templates/iepngfix.htc);
}
```

Statische PNG-Bilder (erstellt mit Photoshop und Fireworks) auf der Website, z.B. im Header, werden im IE wie gewünscht mit Transparenzen angezeigt.

In meiner TYPO3-Website habe ich einige Text/Bild-Seiteninhalte, bei denen ich ein PNG-Bild einbinde. TYPO3 bzw. GraphicsMagick erzeugt mir für's Frontend Thumbnails - ebenfalls im PNG-Format.

Die von TYPO3 erzeugten PNGs werden aber im Gegensatz zu den statischen nicht angezeigt. Über beide läuft dasselbe CSS-Verhalten und damit auch dasselbe JavaScript.

[Beweis](http://www.pinads.de/) (in IE 5.5 oder 6 öffnen)

**Wieso geht's mit statischen PNGs, nicht aber mit TYPO3-PNGs?**

Sobald ich das behaviour rausnehme, werden die PNGs angezeigt, jedoch wie zu erwarten mit grauem Hintergrund. Kann es sein, dass TYPO3/GraphicsMagick ein PNG-Format erzeugt, mit dem IE's *DXImageTransform.Microsoft.AlphaImageLoader* nicht klar kommt? Z.B. durch Kompression oder progressiv oder sowas?

P.S. Dieses Problem begegnet mir zum ersten Mal auf meinem eigenen vServer. Bei anderen Host-Providern geht alles wunderbar.

## Antworten

### [#2](https://www.typo3.net/d/64972-problem-mit-typo3-pngs-und-css-behavior/2) · droptix · 2007-07-07

So jetzt setz' ich sogar noch eins drauf: um das Problem zu umgehen, sage ich TYPO3 bei den Bildoptionen *Qualität: JPG/sehr hoch*. Somit wird das ursprungliche PNG im Frontent als JPG dargestellt.

[Beweis](http://www.pinads.de/jobs/)

Logischerweise geht auch hier das CSS behavior drüber. Das JS in der iepngfix.htc prüft bei Bildern auf die Dateiendung *png*, andernfalls prüft es das Element nach einem Hintergrundbild:

```javascript
if (tagName == 'IMG') {
	if ((/\.png$/i).test(src)) {
		if (currentStyle.width == 'auto' && currentStyle.height == 'auto') {
			style.width = offsetWidth + 'px';
			filt(src, 'scale');
			src = blankImg;
		}
	} else if (src.indexOf(blankImg) < 0) {
		filt();
	}
} else if (bgImg && bgImg != 'none') {
	if (bgImg.match(/^url[("']+(.*\.png)[)"']+$/i)) {
```

Obwohl das JS bei einem JPG bereits aussteigen sollte, wird das JPG-Bild trotzdem nicht angezeigt bzw. vollstöndig transparent gemacht. Wieso denn das?

P.S. Ich spreche hier vom IE **6.0.2900.2180.xpsp_sp2_gdr.070227-2254**

---

Quelle: „Problem mit TYPO3-PNGs und CSS behavior“, typo3.net, https://www.typo3.net/d/64972-problem-mit-typo3-pngs-und-css-behavior
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.