Html IE-7 z-index问题-横幅下的下拉区域和it'；s内容未显示在IE-7中

我在IE-7中创建了一个测试用例，下拉列表不会出现在横幅图像上。在firefox和chrome中，一切正常

---

请帮助查找问题。

尝试将您的元素id=“footer”的z索引高于id=“main”删除

z-index:1

from div id=“banner”仅对ie-7进行此更改

事实上，只有

z-index:1

对ie-7有影响

---

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

如果你有两个div，在第一个div中有一些内容应该在第二个div中覆盖，那么你需要在这两个div上都设置z-index，并且一个div的内容应该覆盖另一个div

例如：

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

---

IE现在知道第一部分的内容应该超过第二部分的内容。

你能在jsfiddle.net上做一个演示吗？在上面提到的链接中，HTML的方法非常令人恼火。你为什么不把

.megadrop

的

z-index

增加到

10000

@a.K-我从IE9视图复制了HTMLsource@SheikhHeera-我已将

的
z-index
更新为
10000
但没有区别我已将IE7的z-index:0更改为但没有任何区别请让我显示屏幕截图，请清除浏览器缓存这可能不会导致任何更改，我甚至通过使用div id的
z-index:1
解决了问题=“横幅”
#wrapper {position:relative;z-index:2;}
#flyout {position:relative;z-index:3;}
#content {position:relative;z-index:1;}