我刚开始学习HTML / CSS而且遇到了问题。在我的网站上(www.seandorsman.nl)我的导航栏顶部有一个下拉菜单。菜单工作正常,但它在主页上的幻灯片后面。
有没有办法让导航栏始终显示在幻灯片放映的前面?
答案 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。