2016-03-14 65 views
-2

所以我有一個網站ZaxApps,我編碼。我有一個固定的菜單欄,在您滾動時與您保持同步。但我也有一個標誌,我想保持固定在頂部和酒吧。任何人有任何想法如何做到這一點?網站上的固定形式

+0

尋求調試幫助的問題(「爲什麼這個代碼不工作?」)必須包含所需的行爲,特定的問題或錯誤以及重現所需的最短代碼它在問題本身。沒有明確問題陳述的問題對其他讀者無益。請參閱:[如何創建最小,完整和可驗證示例](http://stackoverflow.com/help/mcve)。 –

+2

顯然......將徽標放在菜單欄div中。簡單! –

回答

0

你需要保持形象太爲位置固定的,你做了吧順便說一下,然後做一些位置調整位置的事情正確,請參閱下面的代碼段:

<center> 
<img src="logo.png" style=" 
    position: fixed; 
    top: 13px; 
    left: 42%; 
"> 
<br> 
<br> 
<label for="show-menu" class="show-menu">Menu</label> 
    <input type="checkbox" id="show-menu" role="button"> 
     <ul id="menu"> 
     <li><a href="/">Home</a></li> 
     <li> 
      <a href="#">↓ Apps ↓</a> 
      <ul class="hidden"> 
       <li><a href="hw.html">Day To Day HW</a></li> 
       <li><a href="jokes.html">Day To Day Jokes</a></li> 
      </ul> 
     </li> 
     <li><a href="about.html">About</a></li> 
     <li><a href="contact.html">Contact</a></li> 
    </ul> 

希望你會避免將它們添加到適當的類或創建一個新的內嵌樣式... :)

0

試試這個在CSS 你從一個類給你的中心

center{ 
position: fixed; 
text-align: center; 
width: 100%; 
} 

然後你給h1保留一個150px的頂部