[sahnemuh]

Hallo, Freunde der Volksmusik und der guten Laune!

Ich habe da ein Problem, dessen Ursache sich mir einfach nicht erschließen will:

Ich habe eine kleine Animation mit jQuery gebastelt, welche über einem Keyvisual Texte ein- bzw. ausblendet, so wie einen Pfeil der sich beim überblenden auf ein zum Text gehöriges Icon positioniert.
Das Ganze funktioniert im FF/Chrome/Safari super - nur der IE zickt (wie immer) rum.
Der Fehler besteht darin, dass der IE die opacity nicht "fadet", sondern die entsprechenden Elemente einfach ein- bzw. ausblendet. Ich habe bereits versucht anstatt der "animate" Funktion "fadeTo" zu benutzen - mit dem selben Ergebnis.
Auch habe ich (wie man im Beispiel sehen kann) der "animate" funktion den propertiären filter "alpha" mit zum animieren gegeben obwohl jQuery das meines Wissens automatisch bei "opacity" animationen für den IE macht.

Ich bin wirklich etwas mit meinem Latein am ende. Help! Anyone?

Hier geht's zum Dummy

Direktlink zur .js

Direktlink zum css

[sahnemuh]

So. ich habe eine Lösung gefunden und halte sie hier mal für die Nachwelt fest.

Das Ganze resultiert aus einem Bug in jQuery, bzw. einem falschen Rückgabewert des values der Eigenschaft "filter" vom IE.
Infos dazu und ein Testcase gibt es hier (im Verlauf der Diskussion gibt es sogar einen Patch für jQ - das ist natürlich recht sinnfrei, wenn man nur das komprimierte Script hat und keine Möglichkeit diesen einzuspielen).

Ich habe das ganze nun umgangen, in dem ich für die Elemente, die gefadet werden sollen per Browserweiche initial die Eigenschaft: "filter(opacity=0)" vergebe. Dann werden sie auch korrekt ein- und ausgeblendet.

Das Ganze sieht dann ca. so aus: