верхняя панель css

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

вот сам стиль css
[code]
#top-panel {
background: rgba(000, 000, 000, 0.45);
border-bottom: background: rgba(000, 000, 000, 0.45);
padding:14px 20px;
color:#ffffff;
}

#sub-panel a {
width: 10%;
float:right;
color:#ffffff;
text-decoration:none;
margin-right:50px;
background: rgba(000, 000, 000, 0.45);
}

#sub-panel a span{
padding:6px;
display:block;
text-align: center;
}
[/code]
Добавлено 10.01.16 в 15:40:40:
скрин

Прикрепленные файлы:
PROFIWM_COM_5810_1434046_Snimok.PNG (456.27 кб)

Не понял что ты написал, сформулируй нормально

Без javascript этого не сделаешь.

LykS, всмысле выскакивает? На счёт того чтобы сделать поверх всего, она итак поверх всего просто текст с линией сливается

js есть, она работает, мне только нужно сделать так чтобы она сама по себе не открывалась при загрузки страницы

нет, она не по верх всех элементов, сейчас добавил position: relative; z-index: 1000; и теперь поверх всех

LykS, я об этом же и написал текст сливается с нижним белым живом, можно было и при помощи паддинга поднять

а как мне ее зафиксировать ? чтобы только выдвигалась по клику?, или это уже js?

Этого я не объясню

это печально

Изм. 1 раз. / Посл. изм.

LykS 1.37

(10 янв 2016, 15:58)