CSS导航栏悬停未激活

Posted

技术标签:

【中文标题】CSS导航栏悬停未激活【英文标题】:CSS navigation bar hover not activating 【发布时间】:2018-06-16 12:24:22 【问题描述】:

我一直在尝试为我的投资组合网站制作这个非常简单的悬停,但在对每个现有选项进行测试后,我似乎无法正常工作。

我已经阅读了很多关于这个问题的帖子,但似乎没有一个给出有效的解决方案。

请在下面找到我的导航栏代码图片:

Image

这真的不难,但悬停很顽固。 我已经交易和修改了所有东西,现在我已经失去了希望。

你们中的任何人都可以这么好心,看看这可能是什么原因吗?

PS:这不是最终的悬停形式,因为我只是在测试。

【问题讨论】:

【参考方案1】:

请从中删除 animatedzoomIn 类。这些课程来自animate.css,因此可能会产生问题。

【讨论】:

【参考方案2】:

我终于设法解决了这个问题! 它看起来很简单,基本上有一个比导航 div 更大的 z-index,当我更改它时它开始工作。

感谢大家的宝贵时间,我希望这能以某种方式帮助其他陷入困境的人。

【讨论】:

以上是关于CSS导航栏悬停未激活的主要内容,如果未能解决你的问题,请参考以下文章

CSS导航栏悬停问题

使用奇怪的导航栏的 CSS 悬停问题

在侧边栏导航中更改自定义形状的悬停样式

带有 HTML 和 CSS 的多级悬停导航栏

Bootstrap 4 导航栏切换器未显示

将自定义 CSS 导航栏从水平转换为垂直