如何在導航欄上方顯示圖像CSS和HTML

這裏是我的代碼，我只是想知道如何在導航欄上方顯示圖像！ http://jsfiddle.net/Xb2UT/640/如何在導航欄上方顯示圖像CSS和HTML

apbook

<body> 
    <div id="logo00"> 
    <img src="http://emojipedia-us.s3.amazonaws.com/cache/de/ca/decadd7edb6b1014ca0cb7a1afcb8ea3.png"> 
    </div> 
    <header id="header"> 
     <nav id="nav"> 
      <ul id="ulnav"> 
       <li><a id="test11" href="#two">Software</a></li> 
       <li><a id="test21" href="#three">Store</a></li> 
       <li><a id="test31" href="about">About</a></li> 
       <li><a id="test31" href="blog">Blog</a></li> 
       <li><a id="test31" href="careers">Career Opportunities</a></li> 
       <li><a id="test31" href="support">Support</a></li> 
       <div id="gay"> 
        <li><button id="login-button">Login</button></li> 
       </div> 
      </ul> 
     </nav>

來源

2016-01-13 JimBob101

爲什麼你在'＃header'上有z-index。去掉它。 – Sumit

不確定你的意思？再加上爲什麼它不會解決任何問題。 – JimBob101

從＃標題中移除'z-index：10000;'。或者降低到「9999」並給出＃＃logo00 {z-index：10000; }'。 – divy3993

如果你的意思是移動在頭面前的形象改變的#header的Z-index。如果您的意思是將圖片移動到標題頂部，請增加#header的最高值。

來源

2016-01-13 17:56:58

當我從#header中刪除z-index時，在向下滾動頁面時，nav不再跟隨您。 – JimBob101

如何在導航欄上方顯示圖像CSS和HTML

回答

相關問題