css - (Chrome)李悬停不工作

Question

我在这里创建了一个页面:http://foxrothschild.com/startuptoolkit/index.html

左侧的导航有一个背景色的悬停效果:

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

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

有什么想法吗？

Answer 1

有效，但您已设置:“转换:所有 30000 毫秒线性；”，我认为这是很多毫秒哈哈 :)

您可以在所有过渡中设置 300 毫秒:

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

希望对您有所帮助! :)