导航菜单的悬停文本颜色不起作用

Posted

技术标签:

【中文标题】导航菜单的悬停文本颜色不起作用【英文标题】:Hover text color for Navigation menu not working 【发布时间】:2012-12-20 09:44:22 【问题描述】:

我正在处理模板。当我以原始形式将其加载到 Dreamweaver 中时,模板悬停工作正常我尝试从模板中复制所有确切的代码和样式,但由于某种原因,在我的网站上,背景仅变为黑色,文本不会变为白色。

.menu li a:hover

是应该改变它的规则,并且绝对是控制悬停背景颜色。请帮忙!

http://gregorydesignbuild.net/

【问题讨论】:

【参考方案1】:

这是因为您在菜单中使用了cufon,cufon 文本被渲染,因此颜色不能用:hover 改变,它不再是文本了。

编辑:看看这个:How To Fix Hover Effects In Cufon

【讨论】:

感谢您的链接。我查看了它,但我已经在 cufon-replace.js 中添加了 hover:true 行。我使用的模板也有文本悬停使用相同的 cufon 字体。我可能只是将其更改为浅灰色以绕过字体颜色,因为它似乎很难修复。

以上是关于导航菜单的悬停文本颜色不起作用的主要内容,如果未能解决你的问题,请参考以下文章

悬停时背景颜色变化不起作用(jquery)

悬停在css菜单活动li类上不起作用?对他人有效?

悬停时更改 SVG 填充和文本突出显示颜色

Bootstrap 导航栏下拉子菜单在折叠模式下不起作用

如果在表格单元格中,CSS悬停更改其他文本/类的样式不起作用

悬停时的 SVG 圆形动画不起作用