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

时间:2012-09-07 03:24:41

标签: jquery css z-index

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

以下是要查看的jsfiddle:

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

感谢。

-Seth

3 个答案:

答案 0 :(得分:1)

你走了:

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

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

答案 1 :(得分:1)

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

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

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

答案 2 :(得分:0)

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