2014-02-11 66 views
0

URLtest.getfamo.usHTML問題與頭顯示

問題:下拉菜單無法正常工作(將鼠標懸停在任何鏈接查看),因爲我有覆蓋它的主箱。

我試圖編碼的網站沒有使用百分比的高度,因爲我聽到它的不好,我的網站顯示不佳在其他顯示器,所以我改變了所有的PX。無論如何,爲了做主箱我用這個CSS

#content #main { 
position: absolute; 
top: 70px; 
bottom: 15px; 
width:100%; 

所以它沒有涵蓋我的頁眉或頁腳。 問題是,與我的頭,這是CSS

#content #header { 
height: 70px; 
width: 100%; 
} 

我希望它是這樣的,但這樣它可以在所有屏幕尺寸與主箱的工作自動生成它的大小,但我當然希望我的降可見的下降,所以我在十字路口。

那麼我怎麼能解決這個問題? 此外,如果您需要更多信息,我的CSS可用:http://test.getfamo.us/css/

非常感謝!

回答

0

將z-index添加到ul。

ul li ul { 
    box-shadow: none; 
    display: none; 
    left: 0; 
    opacity: 0; 
    padding: 0; 
    position: absolute; 
    top: 48px; 
    transition: opacity 0.2s ease 0s; 
    visibility: hidden; 
    width: 150px; 
    z-index: 50; 
} 
+0

哇!非常感謝,很快的迴應,以及我正在尋找的東西。我在不到5分鐘前註冊了stackoverflow,我已經回答了我的第一個問題!所以留下深刻的印象,我不能接受另外8分鐘的答案,但非常感謝,將盡快接受! :) – getfamous