由于布局顺序,IE7 z-index无法正常工作

时间:2012-05-30 08:38:19

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

我有以下网站:http://dev.driz.co.uk/phase/about.php

如果您在IE7中查看网站,您会看到左上方的下拉菜单未显示在主要内容区域上方。这是因为愚蠢的IE7 z-index错误,但是使父元素具有高索引以使其修复子进程的正常修复在这个实例中不起作用,因为我需要父头部位于主内容之下。 ..

有关如何根据我的布局结构修复此问题的任何想法?我已经在网上尝试了大多数IE修复程序,包括一个在循环中重置z索引的jquery解决方案,但它们都没有解决问题。

2 个答案:

答案 0 :(得分:0)

您需要为标题指定一个小于导航元素的z-index。

IE7对z-index很痛苦,你需要有这样的结构。

标题 - z-index:2 内容 - z-index:3 Nav - z-index:4

沿着这些方向,抱歉,我无法提供更多帮助。

答案 1 :(得分:-1)

我发现当IE中的z-index出现问题时,你想要受z-index影响的元素设置为相对位置。

#block {
    z-index: 1;
    position: relative;
}