我有一个JS图像滑块,我想在滚动的固定菜单下

时间:2015-04-09 02:25:31

标签: html css scroll fixed

我有一个JS图像滑块,我想在滚动的固定菜单下,但the slider必须使用CSS位置:相对于工作。 (我可以使用不同位置类型的导航栏进行操作,但是图像滑块不能正常工作)

如何让滑块保持工作但是将其移到固定的菜单栏下面?

以下是滚动前的页面:

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

以下是图片滑块位于导航栏前面的页面:(我不希望如此)

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

以下是菜单背后的内容:

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

1 个答案:

答案 0 :(得分:0)

将滑块的z-index设置为负数,以将其移动到标题后面。

例如

#slider {
    z-index: -9999;
} 

或者,将标题设置为更高的z-index以将其移动到其他所有位置之上。

例如

#header {
    z-index: 9999;
}

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