代码之家  ›  专栏  ›  技术社区  ›  Seth Duncan

子项的Z索引未按预期工作

  •  0
  • Seth Duncan  · 技术社区  · 13 年前

    也许这只是漫长的一天,但我不知道我在哪里搞砸了。从本质上讲,黑框应该隐藏在父框后面,然后滑出(预期的想法是,当输入更改时,它会滑出一个保存按钮供用户点击)。为了不担心是什么触发了它,我只放了一个按钮来进行滑动操作。但是,如果z索引设置正确,.configSave框是如何不隐藏在父对象后面的呢。

    以下是要查看的jsfiddle:

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

    谢谢

    -赛斯

    3 回复  |  直到 13 年前
        1
  •  1
  •   Bergi    13 年前

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

    如果你想隐藏 #configSave 在其父项之后 #configBox ,您需要为其分配 z指数 属于 -1 这个 z指数 #boxostuff #配置框 那就无关紧要了。( Demo )

    如果你想隐藏 #配置保存 在后面(当前透明) #boxostuff公司 ,您需要为其分配 z指数 低于此-再次 z指数 属于 #配置框 无关紧要。( Demo , with background )

        2
  •  1
  •   Hayk Martiros    13 年前

    给你:

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

    我将要隐藏的元素的z索引设置为-1,并删除了另一个z索引。

        3
  •  0
  •   zenkaty    13 年前

    我找不到让它发挥作用的方法,因为你已经找到了。你能把链接从盒子里拿出来吗?如果它不在盒子里,它就可以工作——它需要在后面。