將鼠標懸停在下拉菜單中時，如何保持父項目的懸停？

我在我的下拉菜單中的「ul a」上設置了懸停，將a的背景顏色更改爲橙色，將文本更改爲白色。問題是，當您將鼠標懸停在打開父級「橙色背景」的子菜單上時，它會返回到隱藏狀態。將鼠標懸停在下拉菜單中時，如何保持父項目的懸停？

顯示一些電子ffort並放在一起簡化[jsfiddle]（http://jsfiddle.net/）.. –

在Chrome中，懸停狀態對我來說不會消失..？ –

我認爲解決這個問題的辦法是讓你的懸停鏈接到只是UL，而不是一個頂部的下拉菜單裏面

2012-10-15 08:28:47

甚至更好：下拉式的''li'元素，而不是'a' –

我這樣做，只是使用li來懸停，但我相信alnassre的解決方案也可以。 –

你應該但'ul a'內的下拉'ul'保持HOVER效果。

<ul> 
     <li><a> maintitle 
      <ul class="dorp-down-list"> 
       //------ li li li li 
      </ul> 
     </a></li> 
    </ul>

然後編輯從 'UL A' 到 'UL>一個'

2012-10-15 08:38:43 alnassre

/*激活第二下拉的CSS類*/

頭UL李：懸停> UL {能見度：可見; }

/*保持親本相同的顏色*/

頭UL李：懸停>一個{顏色：＃000;}

2013-10-11 13:44:07 dubrod

回答