gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 14:21:02 40 4
gpt4 key购买 nike

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

我有一个标题,里面有一个链接。 header 的 z-index 为 5,链接的 z-index 为 15。当我打开一个模式时,深色覆盖层应该在标题上方,所以我给它的 z-index 为 10。问题是页眉中的链接应该在覆盖层之上,但它在覆盖层之后。我什至给链接一个相对位置,但它什么也没做。

谁能帮我解决这个问题?

最佳答案

z-index是相对于同一 parent 内的 sibling 。你将不得不乘坐<a>来自 <header>以创建所需的效果。

如果 parent 有较低的z-index比模态,它里面的所有东西都会在模态后面,不管 children 的z-index

请同时附上 jsFiddle 或其他东西,以便我们向您展示如何解决此问题。

关于html - 如何为子元素提供比父元素更高的 z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17601120/

40 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com