PNG Fix für Explorer 5.5-6 - ein großer Vorteil für Webdesigner
Als Webdesigner steht man häufig vor dem Problem, dass man Bilder und Grafiken mit Alpha-Transparenzen einsetzen möchte, diese aber nur mit dem Grafikformat PNG realisierbar sind. Genau da liegt jedoch das Problem, denn der Internet Explorer < 7 kann PNG Grafiken mit stufenlosen Transparenten Bereichen nicht darstellen. Viele Webdesign Agenturen benutzten deshalb oft das GIF-Format, welches jedoch nur einen Farbumfang von maximal 256 Farben und eine einfache Transparenz ohne Abstufungen ermöglicht. Da ein sehr großer Teil der Internetbenutzer noch immer mit dem Internet Explorer < 7 unterwegs sind war das die einzig mögliche Kompromisslösung im Webdesign, es sei denn, die Website basierte komplett auf Flash (dort können PNG-Grafiken schon lange ohne Probleme eingesetzt werden).
Eine Lösung für dieses Webdesign Problem bietet nun ein kostenloses Javascript, entwickelt und veröffentlicht von Twinhelix. Der Explorer ab Version 5.5 unterstützt die CSS-Eigenschaft "filter". Diesem Filter wird nun ein "AlphaImageLoader" zugewiesen. Das Skript liest alle zugewiesenen CSS-Eigenschaften ein und wendet den Filter an, wenn das jeweilige Bild die Endung .png aufweist. Das Skript funktionierte bei meinen Tests bisher anstandslos. In allen anderen Browsern wird das Skript nicht ausgeführt, da dort die png-Unterstützung nativ gegeben ist und Beispielsweise der Firefox oder Opera die Filter-Eigenschaften des Explorers eh nicht unterstützt.
So ist es den Webdesignern nun ganz einfach möglich auch im Explorer 5.5 - 6 transparente Grafiken einzusetzen. Die Möglichkeiten, das Webdesign damit noch ansprechender und abwechslungsreicher zu gestalten sind enorm. Viele Internetagenturen nutzten schon kurz nach Veröffentlichung der ersten Beta-Version dieses geniale Skript.
Sebastian Sievert
s.sievert@directbox.com
|
