Javascript 具有绝对位置和较低z指数的Div显示在较高z指数的顶部（固定位置）

好吧。。。我有一个导航菜单，当你向下滚动经过它时，它会变成一个固定的菜单，在顶部伴随着页面

但出于某种原因，我在页面上有一个div，它的绝对位置和z索引比菜单低，但它仍然显示在菜单的顶部

这是一个将菜单设置为固定超过某个点的函数

$(function(){
    var pos = $('#nav').offset().top;
    $(window).scroll(function(){
        if( $(window).scrollTop() > pos ) {
            $('#nav').parent().parent().css({position: 'fixed', top: '0px', background: '#fff', width: '100%', 'z-index': 9002, left:0});
        } else {
            $('#nav').parent().parent().css({position: 'static', top: '0px', background: 'none', width: '100%', 'z-index': 1});
        }
    });
});

这是显示在顶部的div，但它不应该

.header {
   position: relative;
   z-index: 1;
   margin: 0;
   padding: 0; }

此外，当你向下滚动页面时，你可以看到一个例子

在

将

上的z索引更改为2

---

你确定你发布的

.header

css是正确的吗？根据我在firefox中的调试，我注意到

.header

类的z索引实际上是9001。查看您的原始html txt文件，我发现您的

.header

的CSS也应用了z索引。这是我浏览器中的错误吗？如果不是，那就是造成你问题的原因。很抱歉，我只是在本地编辑。无论如何，它不会有什么不同，因为菜单有9002Z索引！但是我修正了它，现在它只有1个，正如我在主帖子中所说的。