css - 子元素上的 z-index 问题

Question

我正在尝试使用 jquery.scrolling-parallax.js 作为视差背景。

背景元素的 z-index 为 333。

在网站上的所有元素上，我可以通过使用下方或上方的 z-indexes 使背景位于元素的后面或前面。

但我的标题有问题。

我有一个固定位置和 z-index 232 的标题，可以在上面看到背景。

但是，在标题 div 中，我还有另外两个包含徽标和菜单的 div。这些是 position:relative 并具有 z-index:999 因为我不希望背景位于它们之上。但这不起作用！

如果我将整个标题 div 切换到超过 333 的 z-index 它工作正常，背景出现在它后面。但我只希望它落后于那些子 div！

感谢你的帮助

Answer 1

如果我正确理解您的问题，我认为问题在于您的徽标和菜单不应该使用位置：相对。尝试使用不同类型的定位或将其 div 放在标题 div 之外。

通过使用相对，孩子可能正在使用标题 divs z-index。