我刚开始学习 HTML/CSS,遇到了一个问题。在我的网站 (www.seandorsman.nl) 上,我有一个导航栏,上面有一个下拉菜单。菜单工作正常,但它位于我在主页上的幻灯片后面。
有没有办法让导航栏总是出现在幻灯片前面?
我刚开始学习 HTML/CSS,遇到了一个问题。在我的网站 (www.seandorsman.nl) 上,我有一个导航栏,上面有一个下拉菜单。菜单工作正常,但它位于我在主页上的幻灯片后面。
有没有办法让导航栏总是出现在幻灯片前面?
你想z-index:
在你的样式表中使用,所以我会让你的导航栏比幻灯片具有更高的 z-index。这基本上是元素相互重叠的层次结构,在z-index: 999;
导航栏和下拉菜单中设置 CSS 应该可以解决您的问题。
我会尝试向您展示添加它的确切位置,但您提供的链接似乎不起作用。
正如其他人所提到的,您需要对z-index
导航栏应用高电平。但是,要使其正常工作,您还需要 apply position:relative;
,因为z-index
需要position
设置 a 。
您可以在菜单项中添加 z-index。例如,如果你的 CSS 是这样的:
#menu li {
z-index:9999;
}
它会占用所有列表项并将它们移动到第 9999 层。有时位置属性也可以发挥作用,但我会先尝试修改 z-index。