javascript - Z 索引不起作用

Question

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

导航栏在 slider 后面，我希望它位于 slider 上方。我尝试在 #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 slider 是原因，但是我在两者上都设置了较低的 z-index，但我看不出有任何区别。

在此方面的帮助肯定会受到欢迎。

干杯

Answer 1

z-index 仅适用于定位元素(position:absolute、position:relative)。

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

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