Фон на фиксированной панели навигации не появляется

Question

В настоящее время у меня есть DIV, содержащий мою фиксированную панель навигации, в надежде, что фоновое изображение будет проходить через экран за панелью навигации, пока экран прокручивается. Тем не менее, фон не обнаруживается. Я попробовал этот совет , но, похоже, он не сработал.

Вот мой сайт: http://www.whiterabbitstudio.us/ и это фон, который должен располагаться позади ленты навигации: http://www.whiterabbitstudio.us/1images/head_bkg.png

У кого-нибудь есть идеи? Спасибо !!

Answer 1

Трудно сказать, что вы на самом деле пытаетесь сделать, но в данный момент вы указали head_bkg.png в качестве фонового изображения элемента <div class="header">...</div>, который имеет высоту 0px, таким образом, не показывая никакого фона.

Чтобы правильно отобразить фон, я бы сказал, что вы должны добавить его к элементу навигации и немного переработать компоновку этой части, например, без отрицательного поля слева, сделайте ширину 100%, отцентрируйте центри добавьте background-size: 100%;

Кроме того, если вы хотите, чтобы фон был непрерывным, вам нужно обрезать изображение, чтобы избежать прозрачных частей сверху и снизу.