Question

我在BX滑块的顶部使用了一个下拉菜单，但我根本无法让它在IE7中显示在顶部！我到处寻找答案，只是对孩子项目的相对位置似乎没有效果。请有人帮忙吗？

以下是测试页：http://theturning.co.uk/AMBA-NEW/

Ps - 我已经检查并尝试了关于IE z-index bug的其他帖子，但没有任何对我有用。

Answer 1

我发现这些问题通常与没有设置z-index的父容器有关。尝试将header元素的z-index设置为1

header {
   z-index: 1;
}

Answer 2

我遇到了同样的问题，我修复如下，

考虑下面的下拉导航菜单，

<ul id="nav">
    <li>Menu Item 1</li>
    <li>Menu Item 2
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
            <li>Sub Menu Item 3</li>
        </ul>
    </li>
    <li>Menu Item 3
        <ul>
            <li>Sub Menu Item 1</li>
            <li>Sub Menu Item 2</li>
        </ul>
    </li>
</ul>

为所有子元素和孙元素设置z-index，如下所示

ul#nav * { z-index:9999 } /* maximum zoom index as your wish */

IE7中bxslider的z-index菜单问题

2 个答案: