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

Question

我正在试验 jquery.scrolling-parallax.js 的视差背景。

背景元素的 z-index 为 333。

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

但是我的标题有问题。

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

但是，在页眉 div 中我有另外两个包含 Logo 和菜单的 div。这些是 position:relative 并且有 z-index:999 因为我不希望背景位于它们之上。但这行不通!

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

感谢您的帮助

Answer 1

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

通过使用 relative， child 可能会使用标题 divs z-index。