IE7中的问题可能是z-index错误

Question

我在主导航中的链接食谱上添加了一个下拉菜单。

测试网址：http://jaspreetkaur.com/makebathsalts/

除了IE7（未在IE6中测试）之外，它在所有浏览器中都能正常工作

菜单在IE7的横幅区域后面，我认为它与IE7的z-index错误有关。我在下一页找到了一些细节，但无法修复此问题。 IE7 Z-Index Layering Issues

Answer 1

你需要这个：

#navigation{position:relative;z-index:10;}

Answer 2

修复很简单，您需要为ul菜单的直接父级指定z-index，在您的情况下，li指定类active，如下所示：

 li.active {
     position:relative;
     z-index:10;
 }