CSS menümün ekranın üstünde kalmasını sağlayın.

Question

, http://facebook.com gibi, sayfanın en üstünde bulunan nav çubuk tipi bir şey var, bunu kodumla nasıl yapabilirim? Bu sorun dışında css gelişmiş menüsü çalışıyorum. burada da benim bağlantı benim jsfiddle şimdi 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);} 

ait

Js fiddle

Ana Parçaları bu JsFiddle

kontrol değilse bu kısmı ile yapılmalıdır im yanlış değil

Answer 1

menü css için aşağıdaki ekleyin:

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

onlar bunu nasıl temelde bu. Yapılabilir

Answer 2

Ekleme sabit özellik

#cssmenu { 
      position:fixed; 
} 

Answer 3

kullanırsanız:

position:fixed; 

Answer 4

kullanın üstünde sabit ayarlayın gezinme çubuğunda için bu css. İşte

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

demo: http://jsfiddle.net/SkuhZ/

Answer 5

Sadece şu 3 yapacağını ..

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

Answer 6

Sadece bir düşünce, sen z-index: 1000; bu nedenle tüm öğeler üzerinde yüzen eklemek gerekmez sayfada?

Answer 7

Evet, tüm içeriğin üzerinde gezinmek için z-index: 1000;'u ekleyebilirsiniz. RLCJohn'ın da dediği gibi.