javascript - 我的 javascript 下拉导航菜单显示在 Internet Explorer 7 的内容后面

Question

好的，所以我正在进行重新设计，我们已经解决了大部分跨浏览器 CSS 兼容性错误 - 除了 ie7 的一个明显问题。

问题是我们正在为导航菜单下拉菜单使用 JavaScript。在除著名的罪魁祸首之外的所有浏览器中，一切都按预期运行。

但是，在 IE7 中，下拉列表出现在其他页面元素的后面，就好像 z-index 设置为负值一样。但实际上我确实应用了一条 CSS 规则，将此元素的 z-index 设置为 4000，并使用该规则纠正了现代浏览器上的相同问题。

出于某些原因，IE7 无法识别该规则。难道IE7不支持这个CSS规则？？如果没有，关于如何为 IE7 解决它的任何建议？ JavaScript 解决方案？

这是有问题的页面:http://betawww.helpcurenow.org/

谢谢!

Answer 1

好的，由于 Scott 关于 IE7 z-index 是问题的建议，做了一些研究后，我在 http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/ 找到了解决方案。

问题是我的包含元素(div#header 和 div#mainContent)需要为 IE7 分配 z-index 值才能解决此问题。