Dem Internet Explorer CSS und transparente PNG beibringen

/ Autor: Albrecht, 22 Aug 2008

Um die anspruchsvollen Layouts aus unserer Grafikabteilung sauber und gut zu Webseiten verwandeln zu können, brauchen wir moderne Browser, die aktuelle CSS- und HTML-Befehle korrekt interpretieren und umsetzen. Leider ist der Internet Explorer in der Version 6 noch immer sehr weit verbreitet, aber sicher gehört er nicht zu den Browsern, die ich als modern bezeichne. Wie kann man als Webentwickler trotzdem Features, wie z.B. PNG mit Alpha-Transparenz verwenden?

Abhilfe gegen viele Probleme schafft das Open-Source-Projekt “ie7-js“. Durch einbinden einer JavaScript-Datei kann man entweder die Internet Explorer Versionen 5 und 6 kompatibel zu Version 7 machen oder gar die Versionen 5 bis 7 kompatibel zu Version 8. Welche Bugs behoben oder welche Features genau dazu kommen, zeigt diese Übersicht.

Nach ersten Tests bin ich ziemlich zuversichtlich, dass mir dieses Projekt in Zukunft die Arbeit erleichtern wird. Ich habe bis jetzt zwar erst die PNG-Funktionalität getestet, aber PNG-Files mit Alpha-Transparenzen im IE6 sehen zu können, hat mich schon begeistert.
Das Tool hat zwar Probleme, mit Hintergrund-Grafiken und background-repeat, aber wenn man es weiß, kann man solche Fälle umgehen und ggf. anders lösen.

Wer mehr wissen und ggf. selber testen und einsetzen will, findet alles was er braucht auf der ie7-js Projekt-Seite von Google Code.

This entry was posted on Freitag, August 22nd, 2008 at 9:09 and is filed under HTML / CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.