2011-09-21 68 views
3

看看这个页面我的工作:http://s361608839.websitehome.co.uk/textcube/Z-指数不工作

导航栏将会滑块后面,我想它上面坐吧。我试着在#navbar和#navbar-inner上设置一个高z-索引,并没有发生任何事情。

#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窗口和.bx窗口的JavaScript滑块的原因,但是我已经设置了低z-index的两个,但我看不出有什么差别。

有关这方面的帮助肯定会被解释。

干杯

回答

4

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

这里有一个文章http://www.w3.org/TR/CSS2/visuren.html#z-index

在你的情况,你忘了添加position到你的元素之一。

+0

或'relative',不破坏预期的布局。 –

+0

@Kolink,谢谢,我编辑了我的答案,我错误地将“position:absolute”放置在位置上。 – dpp

1

添加position:relative#navbar

1

它适用于任何浮动:...或者位置:...