尝试将鼠标悬停在列表项上时，子菜单列表不会停留

Question

我是CSS新手。  我正在尝试创建像

这样的菜单

和托盘化链接有SubMenu

当我将鼠标悬停在Palletized链接上时，我想显示SubMenu。我尝试了这个Code

但它没有给出理想的输出。当我试图将光标更改为我的submenu时，它会消失

Answer 1

解决了代码消失问题

这里你去：//jsfiddle.net/4sxna/23/

Answer 2

我希望这可以解决您的问题Horizontal menu

Answer 3

见这里=＆gt; http://www.cssplay.co.uk/menus/dd_valid.html

或者在这里：CSS only drop down menu （可能的欺骗）

Answer 4

检查此工作 fiddle

从其他标签中删除显示属性。

将以下代码添加到您的css中：

<强> CSS

 .SubMenu a
 {display:none;}

 #Menu li:hover>.SubMenu a 
 {display:block;}