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

Question

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

Answer 1

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

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

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

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

在this MDN article了解z-index的详情。