-1

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

有没有办法让导航栏总是出现在幻灯片前面?

4

3 回答 3

2

你想z-index:在你的样式表中使用,所以我会让你的导航栏比幻灯片具有更高的 z-index。这基本上是元素相互重叠的层次结构,在z-index: 999;导航栏和下拉菜单中设置 CSS 应该可以解决您的问题。

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

于 2013-08-29T11:28:06.730 回答
1

正如其他人所提到的,您需要对z-index导航栏应用高电平。但是,要使其正常工作,您还需要 apply position:relative;,因为z-index需要position设置 a 。

于 2013-08-29T11:32:12.500 回答
0

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

#menu li {
    z-index:9999;
}

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

于 2013-08-29T11:30:42.017 回答