IE-7 z-index问题 - 下拉区域在旗帜下，其内容未在IE-7中显示

Question

我在这里创建了一个测试用例{-3}}在IE-7下拉列表中没有来到横幅图片。在Firefox和Chrome中它很好。

请帮助找到问题。

Answer 1

尝试将您的元素 id =“footer”设置为比 id =“main”更高的z-index

Answer 2

删除

来自div id =“banner”的

z-index:1仅对ie-7进行此更改

实际上只有z-index:1影响ie-7

Answer 3

IE在理解z-index方面有不同的方法。 除了上述链接中非常恼人的HTML方法外，您还应该执行以下操作：

如果你有2个div，并且在第一个中有一些内容应该超过第二个内容，而不是你需要在它们两个上设置z-index，而对于那个有两个div的那个内容超越了另一个。

示例：

<div id="wrapper">
 <ul id="flyout">
 //
 </ul>
</div>
<div id="content">
 //
</div>

CSS：

#wrapper {position:relative;z-index:2;}
#flyout {position:relative;z-index:3;}
#content {position:relative;z-index:1;}

IE现在明白第一个div中的内容应该超过第二个div中的内容。