讓我的css菜單保持在屏幕上方？

像http://facebook.com他們有一個導航欄類型的東西，留在頁面的頂部我怎麼能用我的代碼。我有我的CSS高級菜單工作，除了一個問題。那麼這裏是我的鏈接到我的jsfiddle讓我的css菜單保持在屏幕上方？

主css

#cssmenu ul { margin: 0; padding: 0;} 
#cssmenu li { margin: 0; padding: 0;} 
#cssmenu a { margin: 0; padding: 0;} 
#cssmenu ul {list-style: none;} 
#cssmenu a {text-decoration: none;} 
#cssmenu { height: 42px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}

現在的零件，如果我不是弄錯這必須與這部分做，如果不檢查的jsfiddle

來源

2013-06-04 Jacob Anthony Tonna

以下添加到您的菜單CSS：

#cssmenu { 
    position: fixed; 
    left: 0; 
    top: 0; 
    width: 100%; 
}

這基本上他們是如何做到這一點。

來源

2013-06-04 04:13:25

請注意，這將隱藏頁面上的任何內容的頂部，並不是一個完整的答案 – josh123a123

的確，@ josh123a123 - 那麼如何修復下面的元素，使其內容開始在菜單下方？ –

添加固定屬性

#cssmenu { 
      position:fixed; 
}

來源

2013-06-04 04:12:09 ShibinRagh

擊敗我，是的，這將工作。 – box86rowh

你好，你試過了嗎？ – ShibinRagh

janak sah和你有同樣的問題，但是非常感謝 –

這是可以做到，如果你使用：

position:fixed;

來源

2013-06-04 04:13:26 Janak

試了一下它毀容菜單欄 –

使用此CSS固定在上面設置你的導航欄。

#cssmenu { 
    position:fixed; 
    top: 0; 
    margin:auto; 
    left: 0; 
    right: 0; 
    width: 100%; 
    }

這裏演示：http://jsfiddle.net/SkuhZ/

來源

2013-06-04 04:56:11 Selvamani

我艾雷迪得到它的工作我打勾Dineshkani，但你可以幫助我與http://stackoverflow.com/questions/16910096/make-my-search-box-show-up-in-the正確位置 –

就這3個會做..

position: fixed; 
top: 0; 
width: auto;

來源

2013-06-04 11:59:11 SadhanaP

您可以通過添加信息來詳細說明這些信息，例如應該將這些選擇器應用於哪些選擇器以及這些選擇器如何一起工作以實現預期效果。 –

只是一個想法，並不需要添加z-index: 1000;，使其浮在所有項目在頁面上？

來源

2014-01-30 18:26:50 TLCJohn

是的，您可以添加z-index: 1000;以使其浮動在所有內容之上。就像RLCJohn上面所說的那樣。

來源

2014-03-06 16:11:18 user3389058

讓我的css菜單保持在屏幕上方？

回答

相關問題