CSS修复了列表菜单上的div

Question

我有一个列表菜单，如：

<div id="my_menu">
    <ul class="my_horizontal_menu">
        <li class="nav_1">
            <a>my nav1</a>
        </li>
        <li class="nav_2">
            <a>my nav2</a>
        </li>
    </ul>
</div>

根据菜单上的点击，我有其他div来显示内容：

<div id="my_container_1">
    some data
</div>
<div id="my_container_2">
    some data
</div>

我使用一些简单的JQuery代码来显示正确的菜单和容器。一切正常。 现在，我将一个固定的div放入容器中：

<div id="my_container_2">
    <table>...some data...</table>
    <div id="my_fixed_div">
    </div>
</div>

固定div my_fixed_div使用一些CSS在页面滚动时修复并且有效。问题是当用户滚动时，这个固定的div与菜单重叠：

你知道如何解决这个问题吗？始终在所有页面内容上显示固定div？我试过z-index:1000，但我不行......

Answer 1

给它一个较低的z-index值让它在其他元素后面呈现