我正在试验 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 后面!
感谢您的帮助
最佳答案
如果我对您的问题的理解正确,我认为问题在于您的 Logo 和菜单不应该使用 position:relative。尝试使用不同类型的定位或将其 div 放在标题 div 之外。
通过使用 relative, child 可能会使用标题 divs z-index。
关于css - 子元素上的 z-index 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11501221/