Html 如何使此警报栏位于菜单顶部

Html 如何使此警报栏位于菜单顶部,html,css,menu,styles,Html,Css,Menu,Styles,当我试图把它放在我的网站上时,我发现它和我的菜单重叠了。一些文章说z-index和position:absolute可以将一个元素置于另一个元素之上,但在这种情况下不起作用。我想知道如何把提醒栏放在菜单上。感谢您的帮助 这里有一个例子说明了这个问题 CSS: HTML: 将z-index值更改为9999 #alert { position: relative; z-index: 9999; } 将z-index值更

当我试图把它放在我的网站上时,我发现它和我的菜单重叠了。一些文章说z-index和position:absolute可以将一个元素置于另一个元素之上,但在这种情况下不起作用。我想知道如何把提醒栏放在菜单上。感谢您的帮助

这里有一个例子说明了这个问题

CSS:

HTML:



z-index
值更改为9999

#alert {
    position: relative;
    z-index: 9999;
}

z-index
值更改为9999

#alert {
    position: relative;
    z-index: 9999;
}
好的,我有问题了 它在你的代码中

您已经定义了
#alerts
div的
z-index:100
,但在代码的某个地方,您还定义了
#cssmenu ul{z-index:549}
或大于100的内容。 因此,请更改
#警报
`z:index:1000',然后摆脱此问题

好的,我有问题了 它在你的代码中

您已经定义了
#alerts
div的
z-index:100
,但在代码的某个地方,您还定义了
#cssmenu ul{z-index:549}
或大于100的内容。
因此,请更改
#警报
`z:index:1000',然后摆脱此问题

多谢各位。没有意识到我可以使用远远超过100的东西,如果你把
放在HTML的底部,可能也可以达到类似的效果。谢谢。没有意识到我可以使用远远超过100的东西,如果你把
放在HTML的底部,可能也可以达到类似的效果。
#alert {
    position: relative;
    z-index: 9999;
}