使用转换时，如何避免Chrome上出现这种紫色闪光？

Question

问题在这里http://rohitarondekar.com/articles（以及网站的每个页面上）。当您在Chrome中加载页面时，链接会从紫色变为预期的颜色。如果看不到问题，请尝试进行强制刷新。我不知道这是我的CSS的错误还是问题。我提供了相关CSS的一小段内容，如下所示：

/*
* Reset
*/

* {
  margin: 0;
  padding: 0;
}

a {
  color:  #999;
  text-decoration: none;

  -webkit-transition-duration: 500ms;
  -webkit-transition-property: background, color;
  -webkit-transition-timing-function: ease; 

  -moz-transition-duration: 500ms;
  -moz-transition-property: background, color;
  -moz-transition-timing-function: ease;

  -o-transition-duration: 500ms;
  -o-transition-property: background, color;
  -o-transition-timing-function: ease;

  transition-duration: 500ms;
  transition-property: background, color;
  transition-timing-function: ease;
}

a:hover {
  color: #0077cc;
  padding-bottom: 2px;
  border-bottom: solid 1px #ccc;
}

h1 a {
  font-family: Georgia, "Nimbus Roman No9 L", Serif;  
  color: #6A6A6A;
} 

h1 a:hover {
  color: #0077cc;
  border-bottom: 0;
}

nav ul li a#active {
  color: #555;
}

nav ul li a#active:hover {
  color: #0077cc;
}

section#content a {
  color: #0077cc;
}

section#content a:hover {
  color: #6A6A6A;
  background-color: #f0f0f0;
  border-bottom: 0;
}

footer a {
  color: #EEE;
}

footer a:hover {
  color: #222;
  background-color: #EEE;
  border-bottom: 0;
}

我相信问题在于，由于我已经访问过链接，由于css3的过渡属性，链接从紫色过渡到特定的颜色。

我使用的Chrome的版本在Ubuntu 64位上为7.0.517.44。关于如何避免这种情况的任何帮助将不胜感激。另外，如果您需要任何其他信息，请询问。谢谢！

Answer 1

我在 7.0.517.44 Mac 上看不到它，但是，您可以尝试明确说明访问的颜色：

a:visited {
   color: #0077cc;
}

你的过渡声明对我来说看起来不错。