IE7正在用我的subnav弄乱z-index属性(虽然我已经修复了它!)

时间:2010-06-17 20:59:07

标签: jquery css internet-explorer internet-explorer-7 z-index

好的,所以我在IE7中遇到了我的jQuery subnav这个问题,它在标题之后向下滚动主要内容。做了一些研究,发现了一个很好的修复方法,只需将z-index值应用于标题,并将一个应用于主要内容。

一切都很好。或者我想。

原来IE7仍然在标题本身内搞乱了subnav z-index。 subnav仍然落在标语后面,标语也是标题的一部分。特别是在“帮助现在”选项卡上点击子视图时。 (再次,仅限IE7)

http://betawww.helpcurenow.org

我已经将z-index值应用于subnav和tagline,但这并没有解决问题,就像为header和maincontent div添加z-index值一样。

任何提示?我是否使用subnav不正确地指定了我的z-index? (我应该申请父元素吗?)

5 个答案:

答案 0 :(得分:1)

您是否尝试过z-index header z-index高于nav #header { z-index: 5000; } #nav { z-index: 2000; } ,例如:

{{1}}

更多信息here

答案 1 :(得分:0)

<div id="maincontent" style="z-index=-1" class="container960"></div>

此时可能会在maincontent中创建一些链接问题,但您可以从那里发布修复程序。

答案 2 :(得分:0)

某些HTML控件由IE呈现为“窗口化”,即不尊重z-index。我不知道IE7,但对于较旧的IE,例如,选择框和iframe被加窗。

答案 3 :(得分:0)

尝试:

#header #nav {position:relative; z-index:9000;}

#header #tagline {position:relative;}

我认为旧的IE浏览器存在z-index问题,因为它们会重置与共享父项的项目的堆叠顺序。

答案 4 :(得分:0)

我不得不将#tagline上的z-index更改为-1。更改标头上的z-index是有问题的,主要是因为我已经使用hack来防止subnav落后于主要内容。