我有一个导航栏,其中一些节点有一个下拉菜单以显示更多选项,一切都在IE / Firefox中非常有效,但在Chrome上:悬停链接变得透明而不是像IE中那样具有漂亮的背景颜色Firefox浏览器。
这是一个JSFiddle,如果你在Chrome中运行它并将鼠标悬停在Admin
选项上,你会看到下拉和扩展选项,当将鼠标悬停在那些应该显示类似于顶级项目的选项时,它们会执行不
任何人都会在HTML或CSS中看到任何问题?
谢谢!
答案 0 :(得分:2)
尝试将CSS选择器从后代更改为子选择器:
#nav li:hover
更改为
#nav>li:hover