jquery - 页面上的其他内容与导航栏重叠 jquery.sticky

Question

早上好，我正在创建网页，但我不是经验丰富的开发人员。我使用 jquery 插件 sticky.js 制作了一个粘性导航栏。一切都很完美，但是当我将动画添加到图片时，现在图片与导航栏重叠了。我怎样才能阻止其他东西的重叠。 example您的回答将非常有帮助。提前致谢。

Answer 1

您的 #sticker 元素由 jQuery Sticky 设置为 z-index: auto 样式，因此您将无法更改此值，除非更改 JavaScript 代码在脚本中 - 这不是一个好主意。

一个简单快捷的解决方案是为该元素的父级设置更高的 z-index 值，即 #sticker-sticky-wrapper div。

请记住，如果您的元素的position 是默认的static，z-index 将不会执行任何操作。因此，这是您需要在 CSS 样式表中添加的内容:

#sticker-sticky-wrapper {
    z-index: 1;
    position: relative;
}

在 this MDN article 了解有关 z-index 的更多信息.