Parent div Schlagschatten Bug, wenn Kinder in Internet Explorer 9 mit jQuery animiert werden
Wenn für ein Eltern-div ein css-Schlagschatten angewendet wird und seine untergeordneten Elemente mit jQuery animiert werden, sodass das übergeordnete div die Höhe ändert, werden beim Anzeigen der Seite in IE9 seltsame Linien unter dem übergeordneten div angezeigt. Hier ist ein Beispiel: Ссылка und ein Screenshot:
Für denjenigen, der nur den Code sehen möchte; Hier ist der HTML:
%Vor%, das CSS:
%Vor%und das JavaScript (beachten Sie, dass das erste jQuery UI benötigt):
%Vor%Meine Fragen wären:
- Ist das ein jQuery oder ein Internet Explorer Bug?
- Kannst du einen Weg finden? (Internet Explorer 9 unterstützt keine Übergänge, so dass ich keine Ahnung habe)
Vielen Dank für jede Hilfe.
2 Antworten
Diese Frage ist ähnlich, und ich glaube, die Antwort, die ich vorgeschlagen habe, ist relevant.
Kurz und knapp: Ссылка
Vollständige Erklärung: Ссылка
Ihr Code ist ein bisschen kompliziert. Ich konnte nicht genau sagen, was dein gewünschtes Verhalten war, aber es sieht glatter aus und ich denke, IE9 würde es besser handhaben, aber ich konnte es nicht testen.
%Vor% Ich habe deine JS Fiddle aktualisiert. Ich habe das Gefühl, dass es mit dem .stop(true,true) zu tun hat.
Tags und Links jquery jquery-ui css3 internet-explorer-9 jquery-animate