Chrome CSS 下拉菜单问题答案

【问题标题】：Chrome CSS Drop Down Menu IssueChrome CSS 下拉菜单问题
【发布时间】：2011-05-09 20:57:14
【问题描述】：

我有一个导航栏，其中一些节点有一个下拉菜单来显示更多选项，在 IE/Firefox 中一切正常，但在 Chrome 中：悬停链接变为透明，而不是像 IE 和火狐。

这是一个 JSFiddle，如果您在 Chrome 中运行它并将鼠标悬停在 Admin 选项上，您将看到下拉和扩展选项，当悬停在这些选项上时，它们应该显示类似于顶级项目，但它们没有。

有人发现 HTML 或 CSS 有什么问题吗？

谢谢！

【问题讨论】：

【解决方案1】：

尝试将 CSS 选择器从后代更改为子选择器：

#nav li:hover

改成

#nav>li:hover

【讨论】：

我同意解释为什么这可以解决问题的请求，我完全被它不能在 chrome 中工作而这就是修复程序弄糊涂了。
我实际上不确定为什么它在 Chrome 中不起作用。基本上位置：相对；规则同时应用于顶级 li 和二级 li。出于某种原因，Chrome 对二级 li 定位属性的反应很奇怪。抱歉，我无法提供更多帮助。