google-chrome - 使用过渡时如何避免 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 转换属性，链接从紫色过渡到特定颜色。

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

Answer 1

我在 Chrome 中遇到了这个问题，并认为它与访问过的链接或仅 FOUC 有关。结果是因为我正在开发，所以我关闭了我的网络缓存设置。我将缓存设置恢复为 15 分钟，加载时暂时紫色的导航链接消失了。