我在 z 索引方面遇到了一个小问题。
我有一个标题，里面有一个链接。标题的 z-index 为 5，链接的 z-index 为 15。当我打开一个模态框时，深色的覆盖应该在标题上方，所以我给它的 z-index 为 10。问题是标题中的链接应该在覆盖层之上，但它在它后面。我什至给链接一个相对的位置，但它什么也没做。
谁能帮我解决这个问题？
问问题
2963 次
3 回答
3
z-index是相对于同一父级中的兄弟姐妹。你将不得不<a>拿出<header>来创造想要的效果。
如果父级z-index低于模态，则其中的所有内容都将落后于模态，而不管孩子的z-index
还请附上 jsFiddle 或其他东西，以便我们向您展示如何解决此问题。
于 2013-07-11T18:55:56.370 回答
0
如果其他人有这个问题，这里有一个可能的解决方案：http: //jsfiddle.net/flobar/r6zeoc0y/
我所做的是将header用作容器。然后，我将需要位于覆盖层下方和上方的元素分隔为div具有不同z-index. 我也曾经position: absolute;将它们正确定位在header. 这样你就不会遇到孩子继承父母 z-index 的问题。
于 2015-09-08T15:19:20.817 回答
-1
您可以给父 DIV z-index:inherit 和父 div 内的 a 元素。z-index 高于叠加层。
于 2015-03-13T09:27:25.293 回答