我有几个下拉菜单在 IE7 中给我带来了问题。我浪费了整个上午的时间来修复它。客户正在使用 IE7 监控站点，因此它是重中之重。
我有一个 live demo和一个 jsfiddle演示设置。 Here is the actual site我今天也在做，仅供引用，但演示中存在孤立的问题。我留下了一些重置的 css 等，以防它们相关。
有两个问题:
- 最重要:IE7 中的顶部菜单和标题内容存在 z-index 问题。标题位于下拉列表上方。
- 不太重要:在第一个链接和下拉菜单之间的顶部菜单中有一个小间隙，有时会导致当将鼠标从顶部链接移动到下拉菜单时下拉菜单消失。至少在 Firefox 4 和 IE 7 中会出现此问题。底部菜单中不会出现此问题。
我删除了 javascript，尝试删除任何 clearfix css，削减 css 和 html，从 html5 切换到 xhtml1 strict，使用 position 和 z-index 属性，并在这里和其他地方阅读了几篇关于 z- 的文章index IE 中的错误，但我仍然无法解决这个问题。
我不关心 IE6 支持，或者如果我必须使用 javascript，我只需要让它在 IE7 中为客户端工作。非常感谢任何帮助。
最佳答案
在#header 和#nav 中添加:
position:relative;
和
z-index:10 //for #nav
z-index:0 //for #header
关于css - IE 7 CSS 下拉菜单问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5901129/