css3 - (Chrome)Li悬停无法正常工作

我在此处创建了一个页面：http://foxrothschild.com/startuptoolkit/index.html

左侧导航栏的背景色具有a：hover效果：

.ca-menu li:hover{
background: rgba(153, 191, 204, 0.4) !important;
}

不知道为什么，但是在chrome中没有触发。适用于所有其他浏览器（Firefox，IE，Safari）。

有任何想法吗？

最佳答案

它有效，但是您已设置：“过渡：全部30000ms线性；”，我认为这是许多毫秒的哈哈:)

您可以在所有转换中设置300ms：

-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
-ms-transition: all ms linear;

希望有帮助！ :)