Question

看看我正在处理的这个页面：http://s361608839.websitehome.co.uk/textcube/

导航栏位于滑块后面，我希望它位于上方。我已经尝试在#navbar和＃navbar-inner上设置一个高z-index，但没有发生任何事情。

#navbar{
background: url(../images/nav-bg.png) repeat-x;
height: 55px;
margin: 0;
padding: 0;
z-index: 9999;
}
#navbar-inner{
width: 912px;
margin: 0 auto;
position: relative;
z-index: 9999;
}

我认为使用CSS样式.bx-window和.bx-window的javascript滑块是原因，但是我在两者上设置了一个低z-index，但我没有看到任何差异。

确实可以帮助解决这个问题。

干杯

Answer 1

z-index仅适用于定位元素（position:absolute，position:relative）。

这是一篇文章http://www.w3.org/TR/CSS2/visuren.html#z-index

在您的情况下，您忘记将position添加到您的某个元素。

Answer 2

将position:relative添加到#navbar

Answer 3

它适用于float：...或position：...

Z-index不起作用

3 个答案: