2013-05-06 2 views
4

Я хотел бы создать черную полосу в верхней части страницы (используемую в качестве навигационной системы), и я хочу, чтобы положение фиксировалось, поэтому, когда я прокручиваю страницу вниз, она останется на экране.Как создать фиксированную верхнюю панель?

Я не уверен, как можно было бы позволить ему быть видимым на экране во все времена & мне нужно было бы создать CSS для создания навигационной полосы или вставить черный ящик, а затем CSS вверх ?

+1

можно дублировать [Twitter как исправленный заголовок] (http://stackoverflow.com/questions/8303273/twitter-like-fixed-header) – isherwood

+0

Я не уверен, как вы создадите черный ящик * без * CSS или как его создать вес с CSS будет отличаться от того или иного «CSSing» после его создания. – JJJ

+0

Ах, прости, я уточню :) Я имел в виду, мне нужно создать черный ящик, а затем изменить его с помощью CSS или я могу просто создать CSS - я новичок – Dane

ответ

15

CSS

#blackBar{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:60px; 
    background-color:black; 
} 

http://jsfiddle.net/LzDR7/

+0

код подталкивает другой материал вправо. –

1

В DIV, который эта черная полоса, установите его свойство "положение" в "фиксированной" в CSS, как это:

position: fixed; 
+0

Черт возьми, как бы я добавил на него кнопки и сохранил позицию так же хорошо? Должны ли они быть отдельным именем в CSS? – Dane

+2

Вам нужно больше исследовать HTML и CSS. Посетите w3schools.com или академию кода, чтобы вы могли лучше понять, как работает html & css. – npage

Смежные вопросы