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

标签 css z-index parallax.js

我正在试验 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/

相关文章:

html - 使用变换旋转和缩放的悬停效果的 z-index 问题

javascript - 根据当前宽度使用 jQuery 定义背景元素

jquery - 使用视差效果时 Chrome 中的严重滞后

javascript - 尝试重置 Parallax.js 以处理一些视差情况实例

javascript - 重叠的 div 和间隔符

css - 在 Bootstrap 3 中形成并排断线

javascript - 检查页面标题是否包含在链接属性中并使用 jQuery 分配事件类

Javascript 或 CSS 以防止在内容溢出的元素内滚动

selection - FabricJS - 选择对象时禁用图层索引更改

javascript - 所有页面链接都无法点击?