如何为子元素提供比父元素更高的z-index

Question

我遇到了一个z-indexing的小问题。

我有一个标题，里面有一个链接。 标头的z-index为5，链接的z-index为15。 当我打开一个模态时，暗覆盖应该在标题上方，所以我给它的z-index为10。 问题是标题内的链接应该位于叠加层之上，但它位于叠加层之后。 我甚至给链接一个相对的位置，但它什么也没做。

任何人都可以帮我解决这个问题吗？

Answer 1

z-index与同一父母中的兄弟姐妹有关。您必须从<a>中取出<header>才能创建所需的效果。

如果父级的z-index低于模态，则其中的所有内容都将位于模式后面，无论孩子的z-index

还请附上jsFiddle或其他内容，以便我们向您展示如何解决此问题。

Answer 2

你可以给父DIV z-index：inherit和你父元素中的一个元素。 z-index高于叠加层。