孩子的Z指数没有按预期工作

Question

也许这只是漫长的一天，但我无法弄清楚我在哪里弄乱这个。基本上黑盒子应该隐藏在父母后面，然后滑出（想要的是，当输入被改变时，它会滑出一个保存按钮供用户点击）。为了不担心什么触发它，我只是放了一个按钮来执行滑出操作。但是，如何使用正确的z-index设置隐藏.configSave框。

以下是要查看的jsfiddle：

http://jsfiddle.net/qBuyG/2/

感谢。

-Seth

Answer 1

你走了：

http://jsfiddle.net/hmartiro/qBuyG/13/

我将你想隐藏的元素的z-index设置为-1并删除了另一个z-index。

Answer 2

z-index总是相对于最接近明确定位的元素;每个这样的元素都会创建自己的图层。

如果您想隐藏其父#configSave后面的#configBox，则需要为z-index -1分配z-index。 #boxostuff或#configBox的{​​{1}}无关紧要。 （Demo）

如果您要隐藏（当前透明的）#configSave背后的#boxostuff，则需要为其z-index分配一个z-index - 再次#configBox {{1}}并不重要。 （Demo，with background）

Answer 3

我找不到让你上班的方法。你能开箱即用吗？它可以工作，如果它不在它需要落后的盒子里。