下拉菜单在 IE9 中不起作用答案

【问题标题】：Drop down menu doesn't work in IE9下拉菜单在 IE9 中不起作用
【发布时间】：2012-04-19 10:26:56
【问题描述】：

谁能给点建议。我现在已经完成了我的菜单，它可以在除 IE9 之外的大多数浏览器中使用。菜单本身有效，但下拉菜单无效。 GENERAL 和 SHOP 菜单项应下拉并显示许多其他子菜单项。只是不在 IE9 中:-(

谁能帮忙？

【问题讨论】：

【解决方案1】：

如果您从以下规则中删除 filter 属性：

#menu
#menu li:hover

那么IE9的显示是固定的。

https://stackoverflow.com/a/6901105/637889 解释说您可能应该在 IE8+ 上使用-ms-filter（尽管显然 IE9 仍然支持filter，因为渐变正在工作）。另请参阅 http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx 了解较新的语法（因为属性值需要引用）。

作为替代方案，如果您还没有看到它，您可能想探索IE9 Gradient using -ms 上的答案以获得更多跨浏览器渐变解决方案。

最后，我还可以推荐Paul Irish's approach 使用Conditional Comments 来包含有问题（即IE）浏览器的CSS 规则，而不会弄乱较少有问题的浏览器。 p>

【讨论】：

【解决方案2】：

我在你的 css 样式表中删除 z-index 两个想法

1.  #menu li:hover (Remove z-index this )

2. #menu (remove z-index this )

#menu li:hover {
    z-index: 5;}

#menu {
    z-index: 11;
}

现在检查您在 IE 中的布局

【讨论】：