html - CSS 导航栏悬停未激活

标签 html css google-chrome hover nav

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

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

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

Image

这真的不难,但悬停很顽固。 我已经交易并修改了所有内容,现在我没有希望了。

你们中的任何人都可以看看这是什么原因造成的吗?

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

最佳答案

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

谢谢大家的宝贵时间,我希望这能以某种方式帮助其他遇到麻烦的人。

关于html - CSS 导航栏悬停未激活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48134795/

相关文章:

javascript - 通过JQuery改变背景图片

html - IE 浏览器中的边框半径 CSS

javascript - Node.js Express 静态服务器卡在图像上 - 仅限 Chrome

javascript - 在 Chrome JavaScript 调试器中忽略抛出 $break

javascript - 如何使用 phonegap 运行外部 php 脚本?

html - 按钮 div 不可点击,仅当我点击文本时才起作用,尝试了一切都不起作用

html - IE 7 和 8 中的导航 UL

javascript - Jquery 更改选择选项取决于 anchor 更改

CSS二胎问题

html - 在一个版本的 chrome 上,图片垂直拉伸(stretch)