下拉菜單的動畫卡住

下拉菜單的動畫卡，同時它應該創建幻燈片效果動畫下拉菜單的動畫卡住

的jsfiddle鏈接：http://jsfiddle.net/uqcLn/73/

這是可能導致問題的CSS但它是必要的我的代碼（它使我的網站底部的div固定），所以它不能改變。

#nav ul ul { 
    display: none; 
    z-index: 1000; 
} 

    #nav ul li:hover > ul { 
    position: absolute; 
    display: block; 
}

來源

2014-05-13 alonblack

你的HTML裏面的代碼格式錯誤。你不能把'div'作爲'ul'的孩子。 –

@Paulie_D你是什麼意思？你可以說得更詳細點嗎？ – alonblack

你不能把div作爲一個ul的直接孩子，只允許'li'。 –

有了這個代碼已經是更有效的

 <div id="top_menu"> 
    <div id="logo"><a href="index.html"><img src="images/logo.png"></a></div> 
    <div id="nav"> 
     <ul> 
     <li class="links_wrapper"><a href="about_us.html" title=" About us">ABOUT US</a> 
      <ul class="dropdown"> 
      <li><a href="#">About us</a></li> 
      <li><a href="#">Our Vision</a></li> 
      <li><a href="#">Our Technology</a></li> 
      <li><a href="#">Our Customers</a></li> 
     </ul></li> 
     <li class="links_wrapper"><a href="solution.html">SOLUTIONS</a> 
     <ul class="dropdown"> 
      <li><a href="#"> Solutions</a></li> 
      <li><a href="#">General Descreption</a></li> 
      <li><a href="#">Detailed Descreption</a></li> 
     </ul></li> 
     <li class="links_wrapper"><a href="customers.html">CUSTOMERS</a> 
     <ul class="dropdown"> 
      <li><a href="#"> Solutions</a></li> 
      <li><a href="#">General Descreption</a></li> 
      <li><a href="#">Detailed Descreption</a></li> 
     </ul></li> 
     <li class="links_wrapper"><a href="#">CONTACT US</a> 
      <ul class="dropdown"> 
      <li><a href="#">Solutions</a></li> 
      <li><a href="#">General Descreption</a></li> 
      <li><a href="#"> Descreption</a></li> 
     </ul></li> 
    </ul>   
    <div id="login">LOGIN</div> 
    <div id="lang_btn"><a href="#">He</a>&nbsp; &nbsp;<a href="#">En</a> 
    </div><!--close nav--> 
</div><!--top menu-->

你應該不時檢驗W3C的驗證

http://validator.w3.org/

來源

2014-05-13 10:17:25 Overlugged

謝謝你的時間和幫助... – alonblack

歡迎你，這就是爲什麼我們都在這裏！ – Overlugged

下拉菜單的動畫卡住

回答

相關問題