-webkit-transition-property empfängt unerwartete Werte in Safari 3.1.2 (Windows)

Question

Ich entwickle eine iPhone-optimierte Website und teste sie unter Safari 3.1.2 unter Windows. Für einige Elemente in der Website verwende ich implizite Animation mit -webkit-transition Stil.

Also im Grunde habe ich Elemente wie folgt aus:

<div style="-webkit-transition: left 2s linear;">...</div> 

, die manchmal vorhanden sind in dem Dokument von Anfang an und werden manchmal von einem anderen Dokument geladen und in DOM injiziert.

In der ersten Fall passiert Animation wie erwartet, aber wenn divs mit JavaScript injiziert werden, scheint -webkit-transition ignoriert werden (es gibt keine Animation). Darüber hinaus wird in der Inspektors Safari ich das sehen konnte:

-webkit-transition: condensed 2s linear; 

Was bedeutet die condensed bedeuten und wie ich den Gebrauch des Stils nach der Injektion zwingen könnte?

Alle Hinweise würden geschätzt werden.

Answer 1

Sie könnten es mit Safari 4 Beta für Windows versuchen. Wie Apple sagt:

„Safari 4 ist der schnellste und effizienteste Browser für Mac und Windows, mit großer Integration von HTML 5 und CSS 3 Web-Standards, die die nächste Generation von interaktiven Web-Anwendungen ermöglicht.“

Sie könnten also mit Safari 4 glücklich sein, versuchen Sie es einfach.

Answer 2

Ich habe nicht sehr viel mit dieser Art von Sache gemacht, aber ich habe Unterschiede zwischen Desktop und Mobile Safari (z. B. How do I make an element scale down to nothing using a CSS transition on the iPhone?) gesehen.

Daher denke ich, dass Sie ein iPhone oder iPod Touch zum Testen benötigen.