下拉菜单在IE9中不起作用

Question

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

任何人都可以提供建议。我现在已经完成了我的菜单，除了IE9之外，它适用于大多数浏览器。菜单本身有效，但下拉不起作用。 GENERAL和SHOP菜单项应下拉并显示许多其他子菜单项。只是不在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 +（尽管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规则，而不会使 less 问题混乱浏览器。

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中的布局