下拉菜单中不工作IE9(Drop down menu doesn't work in IE9

http://www.streetstyles4all.co.uk/test4.html

任何人都可以请告知。 现在我已经完成了我的菜单，它在大多数浏览器除了IE9的作品。 菜单本身的工作原理，但下拉没有。 一般和商店菜单项目应落下，揭示许多其他的子菜单项。 只是没有在IE9 :-(

任何人都可以帮忙吗？

有问题的页面是http://www.streetstyles4all.co.uk/test4.html

Answer 1:

如果去掉filter从以下规则属性：

#menu
#menu li:hover

然后显示被固定的IE9。

https://stackoverflow.com/a/6901105/637889解释说，你或许应该使用-ms-filter用于IE8 +（尽管清楚地filter是IE9仍然支持作为梯度工作）。 另请参阅http://blogs.msdn.com/b/ie/archive/2008/09/08/microsoft-css-vendor-extensions.aspx的新语法（如属性值需要引用）。

作为替代，你可能想要探索的答案IE9使用渐变-MS了更多的跨浏览器的梯度溶液中，如果你还没有看到它。

最后，可能我还建议保罗爱尔兰的做法使用条件注释 ，以包括问题 （如IE）浏览器而不会弄乱的问题较少的浏览器的CSS规则。

Answer 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布局

文章来源: Drop down menu doesn't work in IE9