Странный переход CSS3 ... ошибка?

Question

Если вы посетили http://www.framingham.edu/ в последней стабильной версии Chrome, вы заметите, что переход CSS3 для ссылки «Начало запуска Spring» не работает. Он также не работает для текста «Дополнительные события» (но он работает для синего фона позади него). Если вы попробуете одно и то же в Safari, Firefox или Opera, все будет хорошо. Я не понимаю, почему это происходит. Может ли это быть мой CSS3, который заставляет его ломаться специально для Chrome?

CSS:

#events span a { 
    color: #B00932; 
    text-decoration: none; 
    -webkit-transition: color 0.6s ease-in; 
    -moz-transition: color 0.6s ease-in; 
    -o-transition: color 0.6s ease-in; 
    -ms-transition: color 0.6s ease-in; 
    transition: color 0.6s ease-in; 
} 
#events span a:hover { 
    color: #ecb220; 
    text-decoration: none; 
} 
.moreEvents { 
    text-align: center; 
    font-weight: bold; 
    padding: 10px 0; 
    background-color: #00345c; 
    -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; 
    -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; 
    -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; 
    -ms-transition: background-color 0.6s ease-in, color 0.6s ease-in; 
    transition: background-color 0.6s ease-in, color 0.6s ease-in; 
} 
.moreEvents:hover { 
    background-color: #eeb220; 
} 
.moreEvents a { 
    color: #fff; 
    -webkit-transition: color 0.6s ease-in; 
    -moz-transition: color 0.6s ease-in; 
    -o-transition: color 0.6s ease-in; 
    -ms-transition: color 0.6s ease-in; 
    transition: color 0.6s ease-in; 
} 
.moreEvents a:hover { 
    color: #000; 
} 

EDIT: Поскольку zim2411 сказал, что он работал на него как в Chrome и Firefox, я решил попробовать еще раз сегодня, и это сработало! Единственное, что я мог подумать о том, что я делал между вчера и сегодня, - это очистить кеши всех моих браузеров и т. Д. Я предполагаю, что это имеет какое-то отношение к посещенным ссылкам, потому что, когда я нажимаю на ссылку «Начало источника», а затем возвращаюсь к этой странице, переход больше не работает. Может ли кто-нибудь еще подтвердить, что переход не работает после посещения ссылки? Это все еще происходит только в Chrome ...

Answer 1

Переход работает для меня, однако все ваши анимации настроены на обертку moreEvents div. , так как вы зависаете над div, а не тегом, который обернут там, вы не увидите, как цвет текста оживляется, пока вы не переместитесь на середину больше.

Мое предложение убрать отступы от более событий и поместить его на теге при добавлении блока отображения т.е.

.moreEvents { 
padding:0px; 
} 
.moreEvents a { 
padding:10px 0; 
display: block; 
} 

EDIT: При дальнейшем расследовании Это на самом деле, как представляется, известная ошибка, которая должна фиксироваться в v18. http://code.google.com/p/chromium/issues/detail?id=101245&q=visited%20transition&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary