2014-03-14 118 views
0

我在創建一個固定div在我的網頁頂部時遇到問題。這是我有:固定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; 
} 

我的內容是始終在最前面,但背景圖像不..我怎樣才能解決這個問題?

更新:當我向下滾動的標題應始終固定在我的屏幕上方..

+0

不需要背景附件:固定; – Pinki

+0

已將其刪除.... – nielsv

+0

您的代碼存在其他問題,請創建小提琴,否則無法告訴您問題是什麼。 向我們展示實時網站請致電 – Pinki

回答

1

嘗試加入position:fixed;#headcont