Css 子项的Z索引高于容器DIV

我有两个块元素，一个标题和一个导航。收割台内部有一个

div

，溢出到导航上方。我曾经用

z-index

这样定义这些项目，但是现在我在导航中有

a

项目，我希望它是页面上最具生产力/最高的元素，以便显示在标题上方及其溢出的元素。这可能吗

请参见示例--我希望导航

a

项位于蓝色

徽标

类上方

我的CSS：

#header {
 position:relative;
 display:block;
 height:100px;
 width:100%;
 overflow:visible;
 background:#eee;
 z-index:10;
}

.logo {
 position:relative;
 display:block;
 height:250px;
 width:250px;
 background:#336699;
 z-index:10;
}

#navbar {
 position:relative;
 width:100%;
 height:100px;
 background:#bbb;
 z-index:9;
}

#navbar a { 
 display:block;
 position:relative;
 padding:10px;
 z-index:100;
 float:left;
}

---

非常感谢

将

z-index:9

从

#导航栏

---

Hm。这很简单，哈哈。谢谢你的回复。不过，出于好奇，如果还需要定义容器的

z-index

。。。同样的场景是否仍然可能？容器

z-index

将确定自身和子体的

z-index

，如果您必须在

#navbar

上设置

z-index

，您可以对标记进行不同的结构，以便链接位于一个单独的容器中，而该容器没有

z-index

。非常感谢。如果您想了解更多关于

z-index

和元素堆叠的一般信息，请查阅“堆叠上下文”（MDN有一篇很好的文章：）