Daniel Schwiperich's Web Development Blog RSS XING MAIL

Archiv für die Kategorie „Allgemeines“

IE7 Bug: Schwarzes Fading von Transparenten PNG

Montag, 9. März 2009

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.

 

I-develop.info goes Web

Dienstag, 13. Januar 2009

Nun habe auch ich es geschafft mit einem eigenen Blog den Informationsgehalt des Internets zu vergrößern.

Ich werde mir größte Mühe geben diese zusätzlichen Information gehaltvoll zu gestalten in der Hoffnung, dass andere von meinen Erfahrungen als Projektleiter und Webdeveloper profitieren können.

In den nächsten Tagen kann es noch zu einigen Aktualisierungen kommen und morgen wahrscheinlich schon wird der erste Bericht über die unterschiedliche Handhabung der Browser von z-indexen eingestellt werden.

Danken möchte ich an dieser Stelle Michael Göken für die Gestaltung und der Firma cts media GmbH, die mir das Hosting bereitstellt und schon viele Aufträge vermittelt hat.