Viele schöne optische Effekte lassen sich mit halbtransparenten PNG- Grafiken erstellen, wäre da nicht der Microsoft Internet Explorer Version 6 (IE6). Der IE6 unterstützt die Darstellung nicht und zeigt statt dessen einen grauen Hintergrund an.
Es existieren viele Workarounds und Scripte, die sich dieser Problematik annehmen. Meist fehlte es aber an der Unterstützung von Hintergrundbildern, und da vor allem bei positionierten Hintergrundbildern.
Ein neues Script von Drew Miller, dem wir auch das Script DD_roundies verdanken schafft hier Abhilfe: DD_belatedPNG
Wieder sehr einfach in der Handhabung: das JavaScript im Header einbinden (bevorzugt mit “Conditional Comments”) und in einer eigenen Liste die Elemente bzw. Klassen eintragen, welche die PNG- Dateien beinhalten.
Da das Script winzig klein ist (5,5kb bzw. 11kb) und wirklich nur auf die definierten Elemente bzw. Klassen wirkt ist der Seitenaufbau auch dementsprechend schnell.
trenki 20.01.2009 - 20:29 Uhr
is ja toll, was ist aber wenn javascript nicht eingschaltet ist?
R. Boegl / kick-image.at 21.01.2009 - 08:24 Uhr
Hallo Trenki
Wenn JavaScript im Browser des Besuchers deaktiviert ist ist das halbtransparente PNG grau hinterlegt.