html - 我有一个 JS 图像 slider ，我想在滚动的固定菜单下进行

Question

我有一个 JS 图像 slider ，我想在滚动的固定菜单下移动，但是 the slider必须使用 CSS position:Relative 才能工作。 (我可以使用不同的位置类型使其位于导航栏下方，但图像 slider 无法正常工作)

我怎样才能让 slider 保持工作状态，同时让它位于我的固定菜单栏下方？

这是滚动前的页面:

http://i.imgur.com/JdYL7gx.jpg

这是图像 slider 位于导航栏前面时的页面:(我不希望这样)

http://i.imgur.com/Mt8bLGk.png

菜单后面的内容应该是这样的:

http://i.imgur.com/6MzVy63.png

Answer 1

将 slider 的 z-index 设置为负数以将其移到标题后面。

例子

#slider {
    z-index: -9999;
} 

或者，将标题设置为更高的 z-index 以将其移至其他所有内容之上。

例子

#header {
    z-index: 9999;
}

如果这不起作用，请共享代码以便我们帮助解决问题。