4

我刚刚在 Google Chrome 中a:hover发现了一个奇怪的 CSS3 转换问题。a:visited(演示) 链接应该有橙色背景,访问后它应该是蓝色的。当您将鼠标悬停在上方时,链接应该会变宽。但是,当您在访问后将鼠标悬停在上方时,链接会在过渡期间变为橙色,然后又变为蓝色。我希望它在过渡期间保持蓝色,因为,链接仍然是:visited,对吗?
任何帮助、建议或任何事情都将不胜感激!(请不要使用 jQuery - 仅限 CSS)

4

2 回答 2

4

添加此代码:

a:visited a:hover{
  width: 17em;
  background: #B2CDE0;
}

结果(至少在 Chromium 中)效果结束时的背景颜色是蓝色,但在缓出期间不是。对我来说似乎是一个 webkit 错误

于 2011-08-10T13:45:23.097 回答
3

这与隐私有关,例如 Firefox 不支持它们的转换:https ://developer.mozilla.org/en/CSS/Privacy_and_the_:visited_selector

于 2011-12-08T08:55:38.503 回答