фиксированный div, контент фиксированный, но background-image нет

0

У меня возникли проблемы с созданием фиксированного div поверх моей веб-страницы. Это то, что у меня есть:

<header id="headerCntr">
    <div id="headcont">
        <!--  / language box \ -->
        <article class="languageBox">
            <ul>
                <li class="selected"><a href="/nl">NL</a></li>
                <li><a href="/en">EN</a></li>
            </ul>

        </article>

        <div class="clear"></div>

        <a href="/nl/" class="logo">front.text.seotitlemuseeuwbikes</a>

        <article class="searchBox">

            <form>
                <dl class="zend_form">

                    <dd>
                        <input>
                    </dd>

                    <dd>

                        <input id="element1" class="button" type="button" value="submit">

                    </dd>
                </dl>
            </form>

        </article>

        <nav class="menuBox">
            <ul class="menu">
                <li>
                    <a href="/nl/fietsen">Fietsen</a>
                </li>
                <li>
                    <a href="/nl/technologie">technologie</a>
                </li>
                <li>
                    <a href="/nl/over-museeuwbikes">Over ons</a>
                </li>
                <li>
                    <a href="/nl/service">service</a>
                </li>
                <li>
                    <a href="/nl/planet-museeuw">Planet museeuw</a>
                </li>
                <li>
                    <a href="/nl/nieuws">nieuws</a>
                </li>
                <li>
                    <a href="/nl/partners">partners</a>
                </li>
            </ul>
        </nav>
    </div>
</header>

CSS:

#headerCntr {
    position:fixed; 
    width:100%; 
    top:0; 
    background: 
    url('../images/header-960.png') top left repeat-y; 
    height:150px;
}
#headcont{
    margin:0 auto;
    width:1200px;
}

Мой контент всегда сверху, но фоновое изображение не... Как я могу это исправить?

UPDATE: когда я прокручиваю вниз, заголовок всегда должен быть зафиксирован на моем верхнем экране.

  • 0
    нет необходимости в background-attachment: исправлено;
  • 0
    удалил это ....
Показать ещё 3 комментария
Теги:

1 ответ

1
Лучший ответ

попробуйте добавить position:fixed; к вашему #headcont

Ещё вопросы

Сообщество Overcoder
Наверх
Меню