z-index问题 - 下拉菜单

Question

我有一个问题，其中子菜单（下拉列表）位于#main div后面。我试过改变z-index值（确保div定位）但没有运气。

我已将我的进度上传到jsfiddle并想知道是否有人能看到我出错的地方？

http://jsfiddle.net/indigoclothing/8aGZC/4/

由于

Answer 1

演示非常复杂，你已经在HTML中添加了一些CSS作为链接，一些作为jsFiddle中的托管资源添加了两次加载，因此非常很难创建一个工作小提琴。将来我可能会建议您只包含不起作用的相关部分。构建Short, Self Contained, Correct (Compilable), Example通常会导致问题出在哪里： - ）

那就是说，从小提琴中的CSS部分删除以下内容并且托管资源似乎为我解决了这个问题。

#header {
    z-index:2; // <-- remove this
}

问题是菜单和内容有不同的堆叠上下文 - 请参阅Overlapping and z-index以获得对此概念的精彩描述。

Answer 2

你尝试过使用position：inherit;在“主”div而不是相对，并相应地修改元素的位置？