IE-7 z-index问题-下拉区域位于横幅下，其内容未显示在IE-7中

Question

我在IE-7中创建了一个http://testcases.site44.com/测试用例，下拉列表不会覆盖横幅图像。在火狐和chrome中，这是很好的。

请帮助查找问题。

Answer 1

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

如果你有两个div，并且在第一个div中有一些东西应该覆盖第二个div中的内容，那么您需要在这两个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中的内容。

Answer 2

尝试使用比id=“main”更高的z索引来放置element id=“footer”

Answer 3

删除

z-index:1 from div id="banner“仅对ie-7执行此更改

事实上，只有z-index:1对ie-7有影响。

​

​