IE 7 CSS下拉菜单麻烦

我有一个下拉菜单，给我在IE7的问题。我浪费了整个早上试图修复它。客户正在使用IE7监控该站点，因此这是首要任务。IE 7 CSS下拉菜单麻烦

我已经设置了live demo和jsfiddle演示。 Here is the actual site我今天也在努力，仅供参考，但演示有孤立的问题。我留下了一些重置CSS等，以防其中任何相关。

有2个问题：

最重要的：有与顶部的菜单和IE7的头内容z-index的问题。标题高于下拉菜单。
不太重要：第一个链接和下拉菜单之间的顶层菜单有一个小间隙，有时会导致从顶部链接移动鼠标时下拉消失。这至少会发生在Firefox 4和IE 7中。底部菜单中不会出现此问题。

我删除了JavaScript，试图消除任何clearfix CSS，消减下来的CSS和HTML，从HTML5切换到XHTML1严格，与位置和z-index的性能发挥，并在这里读了几篇文章和其他有关z-index错误在IE中，但我仍然无法让这一个预算。

我不在乎IE6支持，或者如果我必须使用JavaScript，我只需要让它在IE7中为客户端工作。任何帮助是极大的赞赏。

来源

2011-05-05 Wesley Murch

如果有帮助，我已经解决了这些类型的问题多次：[见（HTTP：//计算器.com/search？tab = newest＆q = user％3a405015％20z-index），尤其是这些答案包含解释（或指向它们的链接）：[1]（http://stackoverflow.com/questions/5615502/superfish-horizontal -nav-bar-not-getting-displayed-in-the-page/5615530＃5615530），[2]（http://stackoverflow.com/questions/5421813/why-is-my-css-drop-down-菜单打开隐藏-A-DIV功能于IE7/54 22364＃5422364），[3]（http://stackoverflow.com/questions/5154168/div-layering-problems/5154440#5154440）。 – thirtydot 2011-05-06 11:29:26

是的，这确实有助于@thirtydot，我结束了一个可怕的临时JavaScript修复IE7中的其他元素，我会参考这些答案。我读了几篇有关z-index的文章，但是无法让这篇文章工作，我从来没有遇到任何问题，但我承认我通常只是在不知道自己在做什么的情况下随意乱转z-索引值。谢谢。 – 2011-05-06 11:31:51

对于帮助我首先了解此问题的详尽和精确的解释：http://stackoverflow.com/questions/672228/ie-6-ie-7-z-index-problem/3998006#3998006 – thirtydot 2011-05-06 11:32:25

要的#header和#nav补充：

position:relative;

和

z-index:10 //for #nav 
z-index:0 //for #header

来源

2011-05-05 16:39:58

而已！我真的花了整整一天的时间，并在5分钟内解决了它！当我完成这个项目时，我会对z-index做更多的阅读，这对我来说太久了。 – 2011-05-05 16:44:17

对于第二个问题，我建议将“.nav> li> ul”元素用css移动2px。在UL中填充顶部可能会导致一些问题。 – 2011-05-05 16:50:10

我不明白的主要是设置z-index的元素，我和第二个nav和content body有类似的问题，但现在我可以自己弄清楚（希望）。第二个问题可能需要后台处理，JavaScript正在现场处理它。尽管如此，我会给出一个镜头。 – 2011-05-05 17:00:31

IE 7 CSS下拉菜单麻烦

回答

相关问题