z-Index 问题——将孩子定位在父母的兄弟姐妹之上答案

【问题标题】：z-Index problem -- positioning child over parent's siblingz-Index 问题——将孩子定位在父母的兄弟姐妹之上
【发布时间】：2011-07-28 17:18:23
【问题描述】：

我的情况如下面的this screenshot 所示，但我想要的是 B 在 A 后面，并且 - 棘手的部分 - b 在 A 之上。

我该怎么做？

非常感谢——埃里克。

【问题讨论】：

标签： css z-index layer

【解决方案1】：

虽然屏幕截图很有帮助，但一些 HTML 会更好...不过，仅从屏幕截图中，我建议将 b 的 z-index 提高到 2 或 3。这应该可以解决问题。

更新：我设法使它与以下设置一起工作：A：z-index:2，position:absolute 或 fixed，B：z-index:1，position:static，b：@ 987654328@、position:relative、absolute 或 fixed。

【讨论】：

嗨，安德鲁，感谢您的评论。该示例基于tjkdesign.com/articles/z-index/… 上的工具应该很容易在那里重现，不幸的是更改内部元素的 z-index 无济于事。
@Eric 我设法使它与以下设置一起工作：A：z-index:2，position:absolute or fixed，B：z-index:1，position:static，b：z-index:5，position:relative, absolute, or fixed .

【解决方案2】：

刚看了一下源代码，一团糟。页面上的 CSS 和 JavaScript 看起来像是 Yahoo 自动生成并使用了他们的 API，而 CSS 实际上是由 JavaScript 通过在 HTML 中使用内联 CSS 直接实现的，如下所示：

<canvas id="fillAreaA" style="z-index: {javascript variable}" width="300" height="500" />

上面可能也有文字，但总之，如果你在自己的页面上自己实现它，应该不会有任何问题。

编辑：几个月后我才看到这个，简直不敢相信我是多么愚蠢。我现在知道 JS 来自 YUI 库。我听从 Andrew 的解决方案。

【讨论】：