Mer PNG tack!

Internet Explorer är en stor bromskloss för användandet av PNG. Det finns dock lösningar med javascript, som ger godtagbara resultat.

PNG, har funnits med oss i snart 10 år, men pinsamt nog stödjer inte Internet Explorer PNG fullt ut. Visserligen kan PNG-bilder visas, men då utan den viktiga transparensen. Eventuellt är problemen lösta när IE 7 släpps! Andra webbläsare, så som Mozilla, Netscape, Opera och Safari stödjer PNG med transparens. Till och med IE5 för mac är med i leken.

Det javascript som används för PNG på kraner.se, laddas snyggt och fungerar från IE 5.5 och uppåt. Scriptet bygger precis som andra kända script på att aktivera Alpha transparency i IE. Skillnaden är bl.a. att lösningen följer webbstandard. PNG-bilder är inte beroende av img-taggar, utan fungerar med divar. PNG-bilden laddas inte heller innan opaciteten är aktiverad. I IE 5 som inte stödjer AlphaImageLoader, kan istället en GIF-bild visas.

Följande artikel innehåller lösningen: http://www.alistapart.com/articles/pngopacity/

Det hela bygger på två javascript. Ett för att detektera aktuell webbläsare och ett javascript som utifrån det, använder lämplig metod för att aktivera opaciteten för PNG.