與所有瀏覽器嵌套的導航菜單懸停問題

Question

我在菜單中顯示標題導航時遇到問題。導航菜單工作正常，但是當用戶從搜索部分中選擇設備或桌面並立即將鼠標懸停在搜索的頂部時，這與選擇框和CSS菜單衝突，菜單超出了選擇框。

請幫我...謝謝了... ...

Answer 1

你應該儘量多縮進代碼，使其更具可讀性有點爲別人着想。 你的菜單的HTML有點混亂，所以我改變了一點。看看這個小提琴：http://jsfiddle.net/csYjC/1729/

菜單HTML應如下結構：

<ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Feedback</a> 
      <ul> 
       <li><a href="#">Level 1</a> 
        <ul> 
         <li><a href="#">Level 2</a> 
          <ul> 
           <li><a href="#">Level 3</a></li> 
           <li><a href="#">Level 3</a></li> 
           <li><a href="#">Level 3</a></li> 
          </ul> 
         </li> 
         <li><a href="#">Level 2</a></li> 
         <li><a href="#">Level 2</a></li> 
        </ul> 
       </li> 
       <li><a href="#">Level 1</a></li> 
       <li><a href="#">Level 1</a></li> 
      </ul> 
     </li> 
     <li><a href="#">About Us</a></li> 
     <li><a href="#">Contact US</a></li> 
</ul> 

你應該修改CSS代碼，以自己的優勢。下拉菜單的概念是你真正應該看的。