In IE10 (Windows 8 und nur Windows 8, einschließlich RT) habe ich dieses div mit einem overflow : auto , das von außerhalb des Bildschirms animiert wird (CSS3 transition + transform )
Der Inhalt dieses div (einfacher Text) wird erst am Ende des Übergangs dargestellt, dh% code_de scheint leer zu sein.
Wenn ich div einstelle, verschwindet das Problem.
Dieses Verhalten wird hier reproduziert: Ссылка (Dieser jsBin Link funktioniert nur in IE10)
Lassen Sie den Bildschirm geteilt (wenn nicht geteilt, fügen Sie einen CSS- und einen HTML-Bereich hinzu), bewegen Sie den ersten Link, Sie sollten sehen, dass der overflow : hidden Übergang leer ist. Versuchen Sie, den zweiten Link, den anderen div Übergang in Ordnung zu halten. Möglicherweise müssen Sie jedes Mal mit "Mit JS ausführen" neu starten, da das Problem oft (nicht immer) nur einmal auftritt.
In meinem Projekt habe ich eine hässliche Lösung mit UA Sniffing gehackt und den Status div vor und nach dem Übergang gewechselt, aber ich hoffe, es gibt eine einfachere Erklärung / Lösung, die Sie bereitstellen können.
Ich habe in diesem Internet Explorer 11 unter Windows 8.1 getestet. Ich habe auch getestet mit IE10 Emulation aktiviert. Außerdem habe ich in IE10 auf Windows Phone getestet. Dies ist zusätzlich zu den IE10-Tests, die bereits unter Windows 7 durchgeführt wurden. In allen Fällen habe ich nicht das von Ihnen gemeldete Problem erkannt. Ich vermute, da war noch etwas anderes als ein Bug mit dem Browser.
In Bezug auf Ihre Implementierung würde ich vorschlagen, -ms-transition zu vermeiden, da vordefinierte Eigenschaften als experimentell gelten. Internet Explorer 10 unterstützt die Eigenschaft für den Übergang ohne Präfix .
Ich lade gerade eine IE10 Virtual Machine von Ссылка herunter. Sobald ich es aufgestanden habe, werde ich das nochmal testen und mit einem Update berichten.
Ich konnte deinen Fehler nicht replizieren, aber ich vermute, was die Ursache dafür sein könnte.
Versuchen Sie, Hardwarebeschleunigung in IE10 / 11 zu deaktivieren (unter Internetoptionen & gt; Fortgeschritten, sollte etwas wie beschleunigte Grafik sein & gt; Deaktivieren von GPU und Verwenden von Software-Rendering - meine Windows ist in Portugiesisch, so habe ich nicht den genauen Standort) , Windows neu starten (möglicherweise eine systemweite Konfiguration).
Versuchen Sie es noch einmal, wenn das Problem weiterhin besteht, könnte es sich um einen Fehler handeln, der mit der Inkompatibilität zwischen dem IE und Ihrer Grafikkarte zusammenhängt - das würde erklären, warum so viele Leute Ihren Fehler nicht replizieren konnten (wie ich).
Einige CSS-Funktionen lösen eine Hardwarebeschleunigung aus, deshalb sind sie viel interessanter als js-Animationen - aber einige Browser / GPU-Kombinationen verzögern sich manchmal oder zeigen nur die ersten und letzten Schritte der Animation an.
Tags und Links internet-explorer css css3 transform