CSS頭不顯示上面的菜單

和標題下，我有一個橫向菜單

.header { 
    height:180px; 
    margin-top:0; 
    border-top:5px #999999 solid; 
    background:#FFFFFF; 
    position:fixed; 
    z-index:-9999; 
}

在HTML心不是顯示的圖像 - 我認爲它背後的菜單，我不能把它上面的菜單：

香港專業教育學院創建的jsfiddle這樣你就可以看到完整的HTML和CSS菜單也：http://jsfiddle.net/ar9P6/

來源

2013-08-29 user2710234

嗯......你設置'.header'有一個'的位置是：固定;'和'低所以zindex'是總是會落後於一切。 – putvande

好了，它是固定的，但top/left attr和width屬性在哪裏？ – drip

由於您的標題位置固定，因此將其從文檔流中提取出來。因此，它不再'推動'導航，導航將出現在它的頂部，正如你注意到的那樣。

我建議你將你的導航下降像素的高度相同的像素量。事情是這樣的：

.vertical-nav { 
    margin-top: 180px; 
}

這裏是你的更新提琴：http://jsfiddle.net/ar9P6/9/

來源

2013-08-29 22:36:08 Pevara

取出您的.header中的或將z-index更改爲0或更多。

來源

2013-08-29 22:29:08 putvande

CSS頭不顯示上面的菜單

回答

相關問題