能見度不改變懸停

Question

我的工作與使用visibility屬性懸停下拉菜單中選擇一個簡單的導航欄上。但是當我盤旋時，條件不起作用。這背後的邏輯是什麼？

http://jsfiddle.net/MAvQp/

Answer 1

您正試圖使子項目可見的兒童

ul li:hover ul{ 
    visibility: visible; 
} 

但子項目ul不嵌套在方li，所以ul li ul不符合子項目。因此，你的HTML更改爲類似

<ul> 
    <li>Menu Item 1 
      <ul> 
      <li>Sub-Menu1 Item 1</li> 
      <li>Sub-Menu1 Item 2</li> 
      <li>Sub-Menu1 Item 3</li> 
      </ul> 
    </li> 
… 

</ul> 

另請參見my forked fiddle。

Answer 2

你的HTML格式不正確，則ul應該是li沒有兄弟姐妹

fiddle