Google chrome CSS3颜色转换在Chrome中不起作用

中左侧菜单中的链接具有CSS3转换属性，该属性为

颜色

，鼠标悬停时会发生变化。Chrome16或Chrome17不起作用（颜色变化是突然的），而网站中的其他过渡则起作用。它可以在Firefox、Opera甚至Safari中使用，Safari使用像Chrome这样的webkit，所以我认为我的CSS不会有问题。然后呢

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

更新显然，这可能已在18测试版中修复。但是，如果您遇到此问题，请访问下面已接受答案中链接的错误报告，并在问题上加上星号。

尝试使用#ccc和#000而不是灰色和黑色

编辑：像这样：

---

希望有帮助：）

这不是一个非工作问题，它是什么：访问链接没有转换，所以如果你没有点击它，它可能对你有用，但如果你点击了，它不会

---

我不知道解决方案，我仍在寻找一个…

@Nijikokun我可以证实同样的事情：访问的链接在Chrome中无法正确转换。好极了这似乎是版本16中出现的一个问题，但从未得到解决。Chromium网站上有一些bug报告

---

我的链接转换中有两个可以工作，但其余的不能用chrome。它们都使用相同的设置。

---

当链接是mailto:或callto:时，它们似乎可以工作——如果你问我的话，这很奇怪

我试图找到一个解决办法（更多详细信息请访问我的博客：）

---

如果你声明一个：访问时颜色（颜色、背景、边框颜色等）是透明的，它将作为一个解决办法。我还没有进行全面测试，很高兴收到反馈。

。我想，如果能注意到这不是一个bug，而是一个预期的行为，那就太好了。引述：

对网络开发者的影响

总的来说，这不会对web开发人员产生太大的影响。但是，在一些特殊情况下，可能需要更改站点：

（……）

访问的链接不支持CSS转换。幸运的是，CSS转换是非常新的，目前很少有网站使用它们，所以这不太可能影响到很多人

---

如果您从：visted行为中删除颜色，那么它应该按预期工作。当在：visited behavior中设置颜色时，即使：hover color（无过渡）也无法按预期工作。

我仍然遇到同样的问题，并找到了一个适合我的解决方案

我可以通过如下方式使用

：link

伪类修复它：

#menu a, #menu a:link {
  color: gray;
  transition: color 0.5s;
}

#menu a:hover {
  color: black;
}

---

正如Darren Kovalchik在他的asnwer（）中所写，Chrome在这方面有一个bug

一种可能的解决方法是在链接的父元素上应用彩色动画，并将链接的颜色设置为“继承”。在这种情况下，即使链接为：已访问，动画也能正常工作

html:

---

---

当然，如果设置链接的父级颜色是一个问题，那么这个解决方案就不起作用，但在其他情况下，它提供了一个简单而干净的解决方案。

对我有效（Chrome 15）对我的Chrome 16也有效。现在这是一个令人沮丧的问题。为什么相同的代码在我的网站上不起作用？在你的网站上也对我起作用：）试着不要使用测试版的程序，它们并不总是那么稳定。在任何地方对我都不起作用。尝试了Chrome的最新稳定版和最新测试版。同样适用于谷歌网页字体。@KyleSevenoaks:它最初可以工作，但如果你点击你的链接，它就会停止工作（因为链接变成了

：访问了
）。不，没有：-（谢谢。顺便说一句，它在你的Chrome中工作吗？是的，我在测试频道。但这很简单…试着重新启动Chrome？我知道我的浏览器有时会中断转换（特别是3d）更新后…我不认为这是问题所在，威尔。凯尔上面的例子使用了“灰色”和“黑色”，在我的Chrome 16中仍然有效。但不知何故，我网站上的相同代码不起作用。我真的不认为这是我的问题所在。我清除了缓存，打开了一个新的匿名窗口等，然后再试了一次，但颜色仍然没有转换。所以它不是答：访问的问题。我在另一个页面中看到了
颜色
转换的问题，其中更改再次在正常和
之间：悬停
。在任何情况下，这个版本的chrome中的
颜色
转换都有问题。Nijikokun的建议对我有效。我和你一样有问题，正在清除我的问题cache对未访问的链接进行了转换，无论是否使用Google Web字体。所有访问过的链接都停止工作。@AbhranilDas它在版本18中被修复了。@Nijikokun，是的，几周前我更新了我的问题以包含这些信息。这是一个Chrome错误。请在其中一个答案中跟踪Darren的链接并在其中加上星星错误报告。既然你的帖子不是答案，最好你添加评论之类的帖子。你的演示对我来说很有用，但它是背景的转换。我认为，这个错误只发生在
颜色的转换上。你可以在相同的颜色和改变不透明度之间进行转换。@将颜色不透明度设置为0。虽然背景效果很好。+1.遇到问题后来到这里的开发人员被要求在这个bug报告链接上标记这个问题，以便更认真地对待它。.在23.0.1271.60 beta中仍然有同样的病态行为。感谢上帝，我发现了这个，真的开始让我发疯了，我以为我要疯了死亡，因为它看起来像改变链接的颜色是不可能的。感谢帖子+1！！！他们修复了：在26年之前和之后，我认为：访问也是一样，至少它在链接的合并问题上说了它。
#menu a, #menu a:link {
  color: gray;
  transition: color 0.5s;
}

#menu a:hover {
  color: black;
}

<span class="whateverLinkParent">
    <a href="#">whateverLinkText</a>
</span>

.whateverLinkParent { animation: whateverTextColorAnimation 1s infinite; }
.whateverLinkParent a { color: inherit; }
@keyframes whateverTextColorAnimation {
    0%, 100% { color: #686765; }
    50% { color: #2E2D2B; }
}