CSS3颜色转换在Chrome中不起作用 [英] CSS3 color transition not working in Chrome

问题描述

此网站左侧菜单中的链接具有的CSS3转换属性， color ，在鼠标悬停时会发生变化。它不工作在Chrome 16或17（颜色变化突然），而其他转换在网站。它适用于Firefox，Opera，甚至Safari，它使用像Chrome这样的webkit，所以我不认为这可能是我的CSS的一个问题。那么呢？

The links in the left menu in this website have a CSS3 transition property of the color, which changes on mouse hover. It's not working in Chrome 16 or 17 (the color change is sudden), whereas other transitions in the website do. It works in Firefox, Opera, and even Safari, which uses webkit like Chrome, so I don't think it might be a problem with my CSS. What then?

这是我的CSS的这部分（完整的CSS是 here ）：

Here's my CSS of this part (the full CSS is 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;
}

UPDATE！显然， 18 beta。

UPDATE! Apparently this has probably been fixed in 18 beta. However, if you have encountered this problem, please visit the bug report linked in the accepted answer below and star the issue.

推荐答案

如果您遇到此问题，请访问下面接受的答案链接的错误报告。 @Nijikokun我可以确认同样的事情。 ：访问过的链接在Chrome中无法正确转换。 Hooray。似乎这是一个问题出现在版本16，从来没有得到修复。有一些错误报告在Chromium网站上打开。

@Nijikokun I can confirm the same thing. :visited links do not transition correctly in Chrome. Hooray. It seems like this is an issue that cropped up in version 16 and never got fixed. There are a few bug reports open on the Chromium site.

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

这篇关于CSS3颜色转换在Chrome中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！