下拉菜單沒有正確顯示

我嘗試使下拉菜單，但我不知道爲什麼當ul懸停比下降li不正確顯示我有使用z-index，也使用位置相對。請檢查此頂部菜單。下拉菜單沒有正確顯示

的CSS

#menu > ul > li:hover ul { 
display:inline; 
    } 
#menu ul li ul{ 
position:relative; 
display:none; 
list-style: none; 
margin:0px; 
width:200px; 
z-index:1000;}

的Html

<div id="menu"> 
<div class="home-icn"> 
    <a href="<?php echo $home; ?>"><i class="icon-home"></i></a> 
</div> 
<ul > 
    <li><a id="print_menu" href="">Printing</a> 
     <ul id="drop_menu_f"> 
     <li><a>Business Cards</a></li> 
     <li><a>Brochure</a></li> 
     <li><a>Door Hangers</a></li> 
     <li><a>Envelopes</a></li> 
     <li><a>Flyers</a></li> 
     <li><a>Invoice Books</a></li> 
     <li><a>Magnet Cards</a></li> 
     <li><a>Note Pads</a></li> 
     <li><a>Post Cards</a></li> 
     <li><a>Plastic Cards</a></li> 
     <li><a>Posters</a></li> 
     <li><a>Presentation Folders</a></li> 
      </ul> 
     </li> 
    </ul> 
    </div>

Hover li

來源

2013-11-26 Affan Ahmad

http://jsfiddle.net/hnTyB/1/

<div id="menu"> 
    <ul> 
     <li>My Menu 
      <ul> 
       <li>thing</li> 
       <li>thing2</li> 
      </ul> 
     </li> 
    </ul> 
</div>

我做了一個js小提琴它看起來你試圖做的。準確地複製你的CSS，這似乎適用於我。它可能是你的HTML和CSS不正確匹配？

來源

2013-11-26 23:02:20 echochamber

謝謝我知道關於that.my方面我的html結構和css correct.Check我已經添加html代碼question.check它。 –

http://jsfiddle.net/e3ZtR/我用你的html做了一個新的小提琴，它仍然顯示工作。這導致我認爲你的代碼中有一些其他的CSS或JavaScript導致了這個問題。 – echochamber

我查看了您的網站soniprinting.com（在您的屏幕截圖中看到了該網址），看起來您缺少中的z-index。

添加一個z-index大於幻燈片，你應該能夠看到你的下拉菜單很好。

來源

2013-11-26 23:37:41

下拉菜單沒有正確顯示

回答

相關問題