2012-09-14 171 views

回答

-1

對我來說,它隱藏在鍍鉻太...無論如何改變這個在CSS:從#頭,包裝

#header-bar { 
    top: 84px; 
    z-index: 105; 
} 

刪除的z-index和添加的z-index:106#報頭導航。

希望它有幫助...

+0

謝謝,這是訣竅! – Kane

+0

這種維護「position:relative」的方法不必干涉文檔流並提交給顯式維度。 (另外:這太硬了,如果頭部尺寸發生變化,'頂部'值將不得不重新調整,我認爲這可能導致了第一個缺陷) –

0

它的下面(後面),最上面一欄的位置。將z-index更改爲比頂欄更大的東西,或將top更改爲將其放置在頂欄之下。

0

它隱藏在鉻也是。 z-index低於背景或其他東西。 反正添加一些像這樣的頁頭導航:

z-index: 130; 
0

我覺得在這個特殊的例子在#header-bar設置position:absolute是不良的做法。考慮將其改爲

#header-bar { 
    position: relative; 
    /*left: 0; 
    right: 0; 
    top: 44px; - remove these*/ 
} 

這將保持自然的文檔流; position:relative允許下拉定位並保持渲染上下文(與完全移除位置屬性相比較,並且看到下面的菜單在鞋瓦後面)

經驗法則:如果沒有它,可以避免絕對定位。

+0

這絕對不是解決方案,我試過並且它將類別菜單欄放在一些圖片的頂部。您可能會有一部分存在,但您的建議中可能會遺漏其他CSS更改。 – Kane

相關問題