Der CSS-Übergang funktioniert in Firefox nicht, wenn die Position geändert wird
Ich habe einen nervigen Bug gefunden. Ich versuche, CSS-Eigenschaften von untergeordneten Elementen zu animieren, wenn sich gleichzeitig die Position des übergeordneten Elements ändert (im Beispiel von fest auf absolut). Dies funktioniert problemlos in Webkit-Browsern, aber in Firefox (Version 17.0.1) gibt es keinen animierten Übergang.
jsFiddle Beispiel:http://jsfiddle.net/chodorowicz/bc2YC/5/
Gibt es eine Lösung, damit es in FF funktioniert?
BEARBEITEN Es ist in Firefox 34 behobenhttps://bugzilla.mozilla.org/show_bug.cgi?id=625289
CSS
#container {
position:fixed; left:100px; top:100px;
}
#container.some_state_position {
position:absolute;
}
.box {
width:100px; height:100px;
background:blue;
}
.some_state .box {
background:red; width:50px; height:50px;
}
img, .box {
-webkit-transition:all 1.5s ease;
-moz-transition:all 1.5s ease;
-ms-transition:all 1.5s ease;
transition:all 1.5s ease;
}
img {width:100%;}
.some_state .other_container img {
width:50%;
}