如何将幻灯片放到后台?

时间:2013-08-29 11:27:03

标签: css

我刚开始学习HTML / CSS而且遇到了问题。在我的网站上(www.seandorsman.nl)我的导航栏顶部有一个下拉菜单。菜单工作正常,但它在主页上的幻灯片后面。

有没有办法让导航栏始终显示在幻灯片放映的前面?

3 个答案:

答案 0 :(得分:2)

您希望在样式表中使用z-index:,因此我会使导航栏的z-index高于幻灯片。这基本上是元素位于彼此之上的层次结构,在导航栏的css中设置z-index: 999;并下拉可以解决您的问题。

我会尝试向您展示添加它的确切位置,但您提供的链接似乎不起作用。

答案 1 :(得分:1)

正如其他人提到的那样,您需要将高z-index应用于导航栏。但是,为了实现此目的,您还需要应用position:relative;,因为z-index需要设置position

答案 2 :(得分:0)

您可以在菜单项中添加z-index。例如,如果你的css是这样的:

#menu li {
    z-index:9999;
}

它将占用所有列表项并将它们移动到第9999层。有时,position属性也可以用于此,但我会先尝试修改z-index。