CSS-переход не работает в Firefox при изменении позиции
Я нашел раздражающую ошибку. Я пытаюсь анимировать свойства CSS дочерних элементов, когда одновременно изменяется положение родителя (в примере это от фиксированного до абсолютного). Это работает без проблем в браузерах Webkit, но в Firefox (v. 17.0.1) нет анимированного перехода.
<, p> Пример jsFiddle:http://jsfiddle.net/chodorowicz/bc2YC/5/Есть ли решение, чтобы заставить его работать в FF?
РЕДАКТИРОВАТЬ Это исправлено в Firefox 34https://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%;
}