jquery fadeIn Animation im IE7, IE8 hinterlässt CSS Eigenschaft „filter“
Problem: Die jQuery Funktion fadeIn() – oder Animationen welche die CSS Eigenschaft Opacity animieren – hinterlassen in den inline Styles „filter:alpha(opacity=100)“. Dies kann ggf. Probleme mit dem Text rendering (Text wird ohne antialiasing dargestellt) oder mit Block-Elementen verursachen, die ausserhalb des animierten Nodes liegen (overflow:visible;) schafft leider keine abhilfe.
Lösung: Im Callbacknach der jQuery Animation den Filter aus den inline-Styles löschen:
|
1 2 3 4 5 6 |
/*#MyAnimatedNode ersetzen mit dem Selektor der Animation*/ if($.browser.msie){ $('#MyAnimatedNode').css('filter', '') ; } |
Leider kann es nun zu Problemen mit transparenten PNG’s in Childnodes geben. Ggf. muss hierfür in einer Hierarchiestufe dazwischen die filter Eigenschaft wieder hinzugefügt werden.
