this website左侧菜单中的链接具有color的CSS3过渡属性,该属性会在鼠标悬停时更改。它无法在Chrome 16或17中使用(颜色变化是突然的),而网站中的其他转换都可以。它可以在Firefox,Opera甚至是Safari(使用像Chrome这样的webkit)中运行,因此我认为CSS可能没有问题。然后怎样呢?

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

#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;
}

更新! 显然,此问题可能已在18 beta版中修复。但是,如果遇到此问题,请访问下面接受的答案中链接的错误报告,并为问题加注星标。

最佳答案

@Nijikokun我可以确认同样的事情。 :visited链接在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

关于google-chrome - CSS3颜色过渡在Chrome中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8490828/

10-12 13:02
查看更多