2014-09-04 3 views
0

Я пытаюсь создать сайт Wordpress с фиксированным заголовком. Все идет нормально. Заголовок в порядке, но обертка теперь проблема. Когда я даю оболочке margin-top: 100px заголовок wil спустится на 100px, а заголовок останется выше оболочки (см. Изображение).Исправлен заголовок в верхней части обертки

http://imgur.com/x1ssQhM . Прозрачный белый цвет - это заголовок, и он остается над оберткой.

Код ссылки: http://jsfiddle.net/b1u83a7z/enter code here .Здесь вы можете увидеть, что заголовок в верхней части обертки обертка должна иметь запас-верх 100px.

+0

Попробуйте использовать 'дополнени-top' на обертку вместо' Маржа-top' –

+0

Пробовали , но идея состоит в том, что обертка на 100 пикселей ниже заголовка. – user2586633

ответ

0

стили Добавить водосборника top собственности, чтобы определить в каком положении должны быть размещены:

#top { 
    top:0; <-- Added 
    width:100%; 
    height:60px; 
    margin:0 auto; 
    background-color:rgba(255, 255, 255, 0.9); 
    position:fixed; 
    z-index:500; 
    border-bottom:1px solid #DEDEDE; 
} 

Updated JSFiddle

+0

Спасибо, герой! Это устранило мою проблему. – user2586633

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