2015-04-12 67 views
1

我試圖做一個使用列表的下拉菜單,但列表只顯示部分,它的一部分被其他div隱藏。我怎樣才能讓它重疊?如何讓div與另一個CSS重疊?

HTML

<div id="mph"> 
    <button type="button" class="btn1"><img src="images\menu.png"/></button> 
    <div id="mph1"> 
     <ul> 
      <li><a href="about.html">About</a></li> 
      <li><a href="work.html">Work</a></li> 
      <li><a href="plus.html">Plus</a></li> 
      <li><a href="costumers.html">Costumers</a></li> 
      <li><a href="gallery.html">Gallery</a></li> 
      <li><a href="contact.html">contact</a></li> 
     </ul> 
    </div> 
</div> 

的CSS

#mph1{ 
    height:auto; 
} 
+0

你試過修改它的'''z-index'''屬性嗎?此外,示例中的錯字不在真正的代碼中嗎? (圖像標籤的缺失端) – Matt

+0

我剛剛嘗試過,但仍然無法正常工作。 – Noob

回答

0

簡單,使用z-index

ul{ 
position:absolute; 
z-index:99; 
} 

注:A元素必須有絕對的或固定的位置Z-索引工作!

+0

不,它不起作用 – Noob

+0

你可以發佈你的相關的CSS和HTML,以及你使用的任何JS?或者具有完整編碼的演示頁面將有幫助 –

+0

js: $(document).ready(function(){$(「#mph1」)。hide(); $(「button.btn1」)。點擊(函數(){ $( 「#mph1」)顯示(函數(){ \t $( 「button.btn1」)隱藏()} \t); }); }); – Noob