CSS3颜色过渡在Chrome中无效

Abh*_*Das 25 css webkit google-chrome css3 css-transitions

本网站左侧菜单中的链接具有CSS3过渡属性,该属性color在鼠标悬停时发生变化.它不能在Chrome 16或17中运行(颜色变化很突然),而网站中的其他转换也是如此.它适用于Firefox,Opera,甚至是Safari,它使用像Chrome这样的webkit,所以我认为它可能不是我的CSS的问题.然后怎样呢?

这是我这部分的CSS(完整的CSS在这里):

#menu a
{
color: gray;
transition: color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari and Chrome */
-o-transition:color 0.5s; /* Opera */
}

#menu a:visited
{
color: gray;
}

#menu a:hover
{
color: black;
}
Run Code Online (Sandbox Code Playgroud)

UPDATE!显然,这可能已在18 beta中修复.但是,如果您遇到此问题,请访问下面接受的答案中链接的错误报告并解决问题.

小智 35

@Nijikokun我可以确认同样的事情.:访问过的链接在Chrome中无法正常转换.万岁.看起来这是一个在版本16中出现的问题,从未得到修复.Chromium网站上有一些错误报告.

http://code.google.com/p/chromium/issues/detail?id=101245&q=visited%20transition&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary

  • +1.遇到问题后到达此处的开发人员需要在此错误报告链接上对此问题加以解决,以便更加认真对待. (4认同)