Wer mit JS - Frameworks wie Mootools arbeitet hat sicherlich schon gebrauch von den Animationsfunktionen gemacht. Für Slideshows eignen sich Fadinganimationen gut, die dynamisch den Transparentzwert (css3: opacity) ändern. In Zusammenspiel mit PNGs die teil transparente Bereiche (zum Beispiel Schatten) enthalten führt das leider zu Darstellungsfehlern im IE7. Diese Bereiche werden durch ein sattes schwarz dargestellt bis der Endwert erreicht wird.
Die einzige mir bekannte Lösung ist bisher einfach den Endwert der Animation direkt, ohne Übergang, zu setzen.
Sobald ich einen besseren Ansatz gefunden habe, werde ich ihn euch hier mitteilen.

Im IE6 in Kombination mit dem PNGFix tritt das Problem übrigens nicht auf. Ein Ansatz wäre also das Script für die Animationen im IE7 zu portieren. Ob das Sinn macht ist wieder ein andere Frage…

Zur Livedemo geht es HIER. Einfach in den verschiedenen Browsern betrachten.

 

Schlagworte: fading, IE7, js, png, transparenz

Dieser Beitrag wurde vor am Montag, 9. März 2009 um 14:13 Uhr veröffentlicht und unter Allgemeines, Browser, IE7, Javascript gespeichert. Sie können Kommentare zu diesem Eintrag über den RSS-2.0-Feed verfolgen. Sie können einen Kommentar hinterlassen oder einen Trackback von Ihrer Website hierher setzen.