css - (Chrome)李悬停不工作

标签 css google-chrome web

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

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

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

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

有什么想法吗?

最佳答案

有效,但您已设置:“转换:所有 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;

希望对您有所帮助! :)

关于css - (Chrome)李悬停不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24438614/

相关文章:

javascript - 创建具有 onClick 效果的幻灯片。在 Fiddle 中有效,但在我的网站中无效

android - jQuery slideToggle() 在动画期间更改字体大小

html - 所有分辨率的 CSS 中心定位

html - <amp-carousel> 使用 <amp-list> 无法按预期处理动态数据

javascript - window.open 在第二台显示器上

web - CDN 的标准传播时间是多少?

IE9 的 CSS 绝对定位错误

java - Firefox 和 IE 对于 302 状态重定向请求速度较慢

javascript - Firefox 的 textContent 与 Chrome 的 innerText 不匹配

php - 我在 html 上的 CSS 代码错误(未正确匹配)