隐藏在IE7内容后面的CSS下拉菜单

Question

我有一个下拉css菜单,当在IE7中查看时,它被隐藏在主页面内容后面.我试过改变z-index值,但没有运气.我也尝试过这个网站的其他主题的建议,但没有一个有效.

该页面可以在这里找到:www.melbournedodgeball.com.au/dodgeball2012/about

任何帮助将不胜感激

Answer 1

关于Z-index的CSS规范段落表示,仅为具有除auto之外的z-index的定位内容创建新的堆叠上下文.

你有一个li内部#nav有一个position:relative,显然IE将其解释为一个新的堆叠上下文.

试试这个:

#nav li {
    display: block;
    position: relative;
    z-index: 1;         // force IE to recognize stack at this point
}