переходы css3 не запускаются с первого раза в Firefox 4

#javascript #jquery #css #firefox4

#javascript #jquery #css #firefox4

Вопрос:

Я экспериментирую с некоторыми переходами css3. Я собрал быстрый тест слайдера, и он хорошо работает в семействе webkit. В Firefox 4 предполагается, что при первом нажатии на левую ссылку ползунок перемещается влево, однако переход css не происходит до второго нажатия на ссылку. Я разместил демонстрацию на jsfiddle — http://jsfiddle.net/mrleroylee/ctY68 /

Это результат чего-то в моем коде или это ошибка?

Ответ №1:

Установите left: 0 в ваших стилях для ul ; это заставило его работать на скрипке для меня: http://jsfiddle.net/ctY68/4 /

Похоже, Gecko не рассматривает ваше первое изменение стиля как переход, потому что не было установлено начальное значение.

Комментарии:

1. Рад быть полезным. Кажется довольно глупым, что Гекко таким образом справляется с этой ситуацией. Я вижу, что Chrome обрабатывает первый переход так, как, вероятно, и должно быть… вы тестировали в Opera и IE10? Если все они переходят с подразумеваемого 0 вместо явного 0, вы могли бы рассмотреть возможность подачи сообщения об ошибке в Mozilla на bugzilla.mozilla.org , и вы можете отправить свой JSFiddle в качестве тестового примера.

2. Я еще не тестировал Opera или IE10. Хотя идея хорошая.