google-chrome - CSS3 颜色过渡在 Chrome 中不起作用

标签 google-chrome css webkit css-transitions

this website 中左侧菜单中的链接具有 color 的 CSS3 过渡属性,该属性会在鼠标悬停时发生变化。它在 Chrome 16 或 17 中不工作(颜色变化是突然的),而网站中的其他过渡可以。它适用于 Firefox、Opera,甚至 Safari,它使用 webkit 就像 Chrome,所以我认为这可能不是我的 CSS 的问题。然后呢?

这是我这部分的 CSS(完整的 CSS 是 here ):

#menu a
{
color: gray;
transition: color 0.5s;
-moz-transition:color 0.5s; /* Firefox 4 */
-webkit-transition:color 0.5s; /* Safari and Chrome */
-o-transition:color 0.5s; /* Opera */
}

#menu a:visited
{
color: gray;
}

#menu a:hover
{
color: black;
}

更新! 显然这可能已在 18 beta 中修复。但是,如果您遇到此问题,请访问下方已接受答案中链接的错误报告并为问题加注星标。

最佳答案

@Nijikokun 我可以确认同样的事情。 :visited 链接在 Chrome 中无法正确转换。万岁。这似乎是版本 16 中出现的问题,但从未得到修复。 Chromium 网站上有一些错误报告。

http://code.google.com/p/chromium/issues/detail?id=101245&q=visited%20transition&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20Area%20Feature%20Status%20Owner%20Summary

关于google-chrome - CSS3 颜色过渡在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8490828/

相关文章:

javascript - 打开弹出窗口后谷歌浏览器上出现奇怪的行,如何避免?

javascript - JSON.parse ("") 因脚本错误而失败但不在 try/catch 中

javascript - WebRTC:添加了 MediaStream 但没有媒体可见

jquery - slidedown 没有按预期方式工作

css - 想要消除两个标签控件之间的间隙

Python, GTK, Webkit & scraping, 大内存问题

javascript - 为什么在选择列表上拖动会更改或清除选择?

javascript - 隐藏和显示字段集

browser - 为什么浏览器要使用前缀?

css - Webkit 浏览器 : position:fixed element not behaving as expected