2011-09-21 30 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

它適用於任何浮動:...或者位置:...