Html 如何为子元素指定比父元素更高的z索引

我在z索引方面遇到了一个小问题

我有一个标题，里面有一个链接。 标头的z索引为5，链接的z索引为15。 当我打开一个模型时，黑色的覆盖层应该在标题上方，所以我给它一个z指数10。 问题是标题中的链接应该在覆盖层之上，但它在覆盖层之后。 我甚至给了链接一个相对的位置，但它什么也没做

---

有人能帮我解决这个问题吗？

z-index

是相对于同一父代中的兄弟姐妹的。您必须将

从

中取出，以创建所需的效果

如果父级的

z-index

低于模态，则无论子级的

z-index

---

还请附加一个JSFIDLE或其他东西，以便我们可以向您展示如何解决此问题。

您可以将父DIV z-index:inherit和父DIV中的a元素添加到高于覆盖层的位置。

如果其他人有此问题，这里有一个可能的解决方案：

---

我所做的是将

标题

用作容器。然后，我用不同的

z-index

将需要位于覆盖层上下的元素分离为单独的

div

。我还使用了

位置：绝对

以将它们正确定位在

标题中

。这样，您就不会遇到子项继承父项z索引的问题。

如果您将其保留在具有较低z索引的父项中，则不会遇到子项继承父项z索引的问题。。然而，这让我想起了一个插件a在不久前遇到的。。这可能会为你节省一些时间。。