我的网站中有3个主要图层：
1）内部元素的主视图（jsbin中的#views） - BOTTOM LAYER
2）叠加（在jsbin中具有白色背景不透明度.8 #overlay） - 中间层
3）上下文菜单（jsbin中的#contextmenu） - TOP LAYER
当我显示上下文菜单时，正确显示3个图层 - ＆gt;主视图由透明叠加层“隐藏”，上下文菜单位于顶部。
现在我的问题是我想在主视图中弹出一个元素。我想在上下文菜单和叠加层之间显示这个元素（jsbin中的＃card1）...但是我无法实现这一点。有可能吗？
这是我的jsbin：http://jsbin.com/gaxadaci/7/edit
感谢您的帮助。 亲切的问候， 巴斯蒂安
答案 0 :(得分：2)
将position:relative添加到卡片中; z-index不适用于static元素。
重要的是要注意，如果“要弹出的元素”的任何父级已定义了自己的z-index，则此方法将无效（并且会有< em> no “弹出”的方式）因为父级定义了子级的堆叠上下文。
答案 1 :(得分：0)
只需添加＆＃34;职位：亲属＆＃34;到你的卡片div
#card1 {
z-index: 2;
position: relative;
}