（对于支持 CSS 过渡的浏览器，包括最新版本的 Firefox、Safari 和 Chrome。奇怪的是，这个问题在 Opera 中没有出现。）
有没有其他人注意到这一点？当您在 a:link 上放置颜色转换时，a:visited 在显示 a:hover 颜色之前转换为 a:link 颜色。看看吧：
这种颜色闪烁可以避免吗？
【问题讨论】：
标签： css anchor css-transitions
我一直在努力解决这个问题。
问题是，这个问题实际上很难重现。
好的，那么会发生什么，有时在加载/刷新链接颜色转换的页面时，颜色首先从默认浏览器链接颜色转换为 CSS 定义的颜色。当我从磁盘打开 HTML 时，它实际上并没有发生，但是如果我将它放在服务器（甚至是本地服务器）中，那么就会出现这个问题。
要重现问题，请创建一个 HTML，添加一个样式表并为链接定义一个转换，如下所示：
a {
color: red;
-webkit-transition: color .5s linear;
-moz-transition: color .5s linear;
-o-transition: color .5s linear;
-ms-transition: color .5s linear;
transition: color .5s linear;
}
a:hover {
color: green;
}
...然后将样式表包含在您的 HTML 中。
将文件放在服务器上，然后尝试在 Chrome 中打开页面，尝试刷新站点，有时您应该首先看到页面加载时默认蓝色的过渡。
在解构了一些网站后，似乎没有问题，我想出了这个简单的解决方案。
如果您也包含一些 Javascript 文件，那么只需将 Javascript 包含 AFTER 您的 CSS 包含。
即使在样式表之后只包含一个空的 JS 文件，它也可以工作。
希望这会有所帮助！
【讨论】：
我在使用颜色时从未见过这种情况。但是是的，在baground中使用图像时会发生这种情况。这是加载时间的bcoz，可以通过在一张大图像中使用所有过渡图像并使用baground-position属性控制图像来避免。
【讨论】：