CSS下拉菜单背后隐藏的内容IE7(CSS Dropdown menu hidden behind

我有获取IE7看时，主网页的内容后面获取隐藏下拉的CSS菜单。 我试着改变z-index的值，但有没有运气。 我也试着从该网站的其他议题的建议，但没有工作过。

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

任何帮助将不胜感激

Answer 1:

在CSS规范对Z-指数款说，新的堆叠内容只为定位的内容比其他汽车的z-index创建。

你有li里#nav一个position:relative ，一个显然IE将此解释为一个新的堆叠内容。

试试这个：

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

Answer 2:

您需要添加

position:relative;

为了您的<ul>

Z-指数相对于在同一堆叠环境的所有其他元素指定。 你可以有100的Z指数，但它不会使有点区别的，如果内容属于完全不同的堆叠内容。

Answer 3:

我有测试此代码，它将努力确保请设置这个CSS的IE7只

#menu {position:relative; z-index:100;}

文章来源: CSS Dropdown menu hidden behind content IE7