CSS переход работает в webkit, но не в FF - PullRequest
Новая
       30

CSS переход работает в webkit, но не в FF

3 голосов
/ 09 ноября 2011

У меня есть этот код для выпадающего меню с переходом в подменю: 

ul.menu ul {
        -moz-transition: visibility 0s linear .55s, opacity .55s linear 0s;
        -webkit-transition: visibility 0s linear .55s, opacity .55s linear 0s;
        -o-transition: visibility 0s linear .55s, opacity .55s linear 0s;
        transition: visibility 0s linear .55s, opacity .55s linear 0s;
        visibility: hidden;
        opacity: 0;}

ul.menu li:hover > ul {
        -moz-transition-delay:0s;
        -o-transition-delay:0s;
        -webkit-transition-delay:0s;
        transition-delay:0s;
        visibility: visible;
        opacity: 1; }

Он отображается правильно в Chrome, но не в Firefox (7.0.1): почему? Другой переход, изменяющий цвет фона на другом элементе, работает нормально, и аналогичный переход (www.greywyvern.com/?post=337 в знак благодарности за идею!) Также работает в FF.

Ответы [ 2 ]

0 голосов
/ 09 ноября 2011

У вас слишком много временных объявлений: 

-moz-transition: visibility 0s linear .55s, opacity .55s linear 0s;

Если вы удалите последнее время 0s, оно будет работать как положено.

См. Здесь, с вашим кодом ис последним удалением.

0 голосов
/ 09 ноября 2011

Поскольку это функция CSS3, я предполагаю, что она все еще не работает в Firefox.Посмотрите на таблицу совместимости внизу этой страницы ... Попробуйте обновить браузер или поработайте с альтернативой переходов.

...