Czy moje menu css pozostanie na górze ekranu?

podobnie jak w http://facebook.com mają rzecz typu pasek nawigacji, który pozostaje na górze strony, w jaki sposób mogę to zrobić za pomocą mojego kodu. Mam moje zaawansowane menu CSS działające z wyjątkiem tego jednego problemu. Więc tutaj jest mój związek z moim jsfiddleCzy moje menu css pozostanie na górze ekranu?

Js fiddle

główne części 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);}

teraz, jeśli nie jestem w błędzie to musi być zrobione z tej części, jeśli nie sprawdzić JsFiddle

Źródło

2013-06-04 Jacob Anthony Tonna

Dodaj następujące do css menu:

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

To tak samo, jak oni to robią.

Źródło

2013-06-04 04:13:25

Należy pamiętać, że spowoduje to ukrycie górnej części dowolnej treści na stronie i nie jest kompletną odpowiedzią. – josh123a123

Rzeczywiście, @ josh123a123 - jak więc poprawić element poniżej, aby jego zawartość zaczynała się tuż pod menu? –

Dodaj nieruchomość stałą

#cssmenu { 
      position:fixed; 
}

Źródło

2013-06-04 04:12:09 ShibinRagh

Pokonaj mnie, tak, to zadziała. – box86rowh

Witaj, próbowałeś? – ShibinRagh

janak sah i masz ten sam problem, ale dzięki i tak –

Można to zrobić, jeśli używasz:

position:fixed;

Źródło

2013-06-04 04:13:26 Janak

Próbowałem, że zniekształcił pasek menu –

Użyj tego css dla Określ ustalonej na górnym pasku nawigacyjnym.

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

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

Źródło

2013-06-04 04:56:11 Selvamani

i alredy, ale działa, zaznaczam Dineshkani, ale możesz mi pomóc z http://stackoverflow.com/questions/16910096/make-my-search-box-show-up-inhe -right-position –

Tylko te 3 zrobi ..

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

Źródło

2013-06-04 11:59:11 SadhanaP

Możesz rozwinąć ten temat, dodając informacje, które selektory powinny być stosowane i jak działają razem, aby osiągnąć pożądany efekt. –

Tylko myśl, nie trzeba dodawać z-index: 1000; tak, że unosi się nad wszystkimi elementami na stronie?

Źródło

2014-01-30 18:26:50 TLCJohn

Tak, można dodać z-index: 1000;, aby sprawić, że będzie się unosić nad całą zawartością. Tak jak powiedział RLCJohn.

Źródło

2014-03-06 16:11:18 user3389058

Czy moje menu css pozostanie na górze ekranu?

Odpowiedz

Powiązane problemy