CSS 下拉菜单只显示 ul 而不是 ie9 中的元素答案

【问题标题】：CSS drop down menu displays only ul and not elements in ie9CSS 下拉菜单只显示 ul 而不是 ie9 中的元素
【发布时间】：2013-01-08 10:18:22
【问题描述】：

这是我当前用于导航栏的 jsfiddle。 http://jsfiddle.net/EPh6j/28/

请拉伸条形图使其成为一条线，否则您会得到不同的结果。

据我所知，该问题仅出现在 ie9 中。当您将鼠标悬停在下拉菜单之一的主要链接上时，会发生什么情况。但是，一旦下拉菜单通过主菜单的底部，它就会变得不可见。更令人困惑的是子菜单的 ul 边框显示但不显示元素。

这是我的意思的一个例子：注意它是如何可见的，然后从底部消失。 http://i.imgur.com/jXsoE.png

当我试图找出我的问题开始时，我执行了上述操作。在 jsfiddle 中，它应该一直向下移动，因此完全是空白的。我完全无法让这个工作。

我的 CSS：

.menu li li {
    float:none;
    position: relative;
}

.menu li ul {
    left:0;
    position:absolute;
    top:0;
    visibility:hidden;
}

.menu li:hover > ul {
    top:100%;
    visibility:visible ;
}

建议？

【问题讨论】：

标签： html css drop-down-menu internet-explorer-9

【解决方案1】：

我怀疑是 z-index 问题，所以我从你的小提琴中删除了它们。好像已经修好了。

顺便说一句，“赞助”。 ;-)

【讨论】：

啊，我感觉很笨，我以前也试过，我一定错过了什么。谢谢！