Html 有没有一种方法可以；强迫；儿童z指数？

这是我的：

HTML 正如你所看到的，如果孩子们有500的z指数，是下一个父母。有没有办法强迫孩子们做z-指数？骑在父亲的屁股上？或者这种情况无法实现

---

我无法更改家长的z-index，我希望在不使用javascript设置正确的下降z-index的情况下进行更改…

以下小提琴似乎可以满足您的要求（我相信）：

---

这是通过删除父元素上的定位并使子元素相对来实现的（它与绝对值一起工作，但左值和顶值比使用绝对值时更接近）。

以下小提琴似乎可以满足您的需要（我相信）：

---

这是通过删除父元素上的定位并使子元素相对来完成的（它使用绝对值，但左值和顶值比使用绝对值时更接近）。

当然，您甚至不需要设置子元素的z索引

只需将最后一个div的z-index设置为较低的z-index，就完成了

这种行为的原因如下：如果父母拥有相同的z索引，则DOM中最后一个“获胜”。因此，从技术上讲，在你的父母身上加上一个简单的

z-index:1

就足够了。另一种可能是仅在子对象上设置z索引：

---

当然有，您甚至不需要设置子对象的z索引

只需将最后一个div的z-index设置为较低的z-index，就完成了

这种行为的原因如下：如果父母拥有相同的z索引，则DOM中最后一个“获胜”。因此，从技术上讲，在你的父母身上加上一个简单的

z-index:1

就足够了。另一种可能是仅在子对象上设置z索引：

---

---

不，您不能这样做，因为每个父级都会创建一个新的z索引上下文。@mdk:您有关于如何工作的参考资料吗？我认为更高的z指数意味着它会在顶部…更高的z指数并不意味着它总是在顶部，它取决于堆叠上下文。请看这个，我想我现在明白你的意思了。每个相对定位的元素都在自己计算谁在上面，等等，而忽略自身之外的任何东西。如果您将其从定位流程中删除，这是有意义的…@Chris是的，这是对的，堆叠上下文是我所想的。不，您不能这样做，因为每个父级都创建了一个新的z索引上下文。@mdk:您有关于如何工作的参考资料吗？我认为更高的z指数意味着它会在顶部…更高的z指数并不意味着它总是在顶部，它取决于堆叠上下文。请看这个，我想我现在明白你的意思了。每个相对定位的元素都在自己计算谁在上面，等等，而忽略自身之外的任何东西。如果你把它从定位流程中去掉，这是有意义的…@Chris是的，堆叠上下文是我所想的。嗯，这改变了页面的整个结构！做不到：）好吧，它在小提琴上做你想做的事。；-）（至少在FF中）嗯，这改变了页面的整个结构！做不到：）好吧，它在小提琴上做你想做的事。；-）（至少在FF中）是的，好的，但必须是“动态的”：如果绝对值在第一个上，它再次失败：）为什么要在父对象上设置z索引？试试我建议的第二种方法。这是一种动力！我用一些插件拖动div，它们必须有z-index…@markzzz如果你将所有父级的z-index设置为相同的值，那么你完全可以不设置z-index，这是相同的效果。你可以给双亲递减的z-索引值，但是子元素可能会被前面的元素重叠。是的，好的，但是必须是“动态的”：如果绝对值在第一个，它会再次失败：）为什么你要在双亲上设置z-索引？试试我建议的第二种方法。这是一种动力！我用一些插件拖动div，它们必须有z-index…@markzzz如果你将所有父级的z-index设置为相同的值，那么你完全可以不设置z-index，这是相同的效果。您可以为父级提供递减的z索引值，但子级可能会被前面的元素重叠。

<div class="item">
    &nbsp;
</div>

<div class="item">
    <div class="item-abs">
        &nbsp;
    </div>
</div>

<div class="item">
    &nbsp;
</div>​

.item
{
    position:relative;
    z-index:5;
    float:left;
    background-color:red;
    width:100px;
    height:100px;
    margin:10px;
}

.item-abs
{
    position:absolute;
    top:0px;
    left:40px;
    z-index:500;
    background-color:blue;
    width:100px;
    height:100px;    
}
​