Question

css下拉菜单背景色透明，鼠标移到下拉第二个子菜单，整个菜单 就消失了。

做了一个下拉菜单，下拉的背景色是半透明的，文字不透明。可是我鼠标移到下拉菜单的子级的第二个，下拉菜单就消失了。我把背景半透明删除了就正常了。可我要半透明效果。怎么办呢。说是间隙吧，margin-top:-值了，但是还是要消失。
求指教啊！<div id="menu">
<ul id="navmenu">
<li><a href="/"><img src="{$SiteSkin$}Images/001_03.jpg" /></a></li>
<li><a href="?Info35"><img src="{$SiteSkin$}Images/001_05.jpg" /></a>
<ul>
<li><a href="?Info35">公司介绍</a></li>
<li><a href="?Info36">公司宗旨</a></li>
</ul>
</li>

<li><a href="?Article37"><img src="{$SiteSkin$}Images/001_07.jpg" /></a>
<ul>
<li><a href="?Article37">公司新闻</a> </li>
<li><a href="?Article38">行业新闻</a></li>
<li><a href="?Article39">最新公告</a></li>
</ul>
</li>
<li><a href="?Product40"><img src="{$SiteSkin$}Images/001_09.jpg" /></a></li>
<li><a href="?Article41"><img src="{$SiteSkin$}Images/001_11.jpg" /></a></li>
<li><a href="?Info42"><img src="{$SiteSkin$}Images/001_13.jpg" /></a></li>
<li><a href="?GBook43"><img src="{$SiteSkin$}Images/001_15.jpg" /></a></li>
<li><a href="?Job44"><img src="{$SiteSkin$}Images/001_17.jpg" /></a></li>
<li><a href="?Info45"><img src="{$SiteSkin$}Images/001_19.jpg" /></a></li>
</ul>
</div>
</div>

若以下回答无法解决问题，邀请你更新回答

Answer 1

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码

Answer 2

你这个有级别的列表建议用自定义列表 dl dt dd 在做，不要用无序列表。
你把css代码也贴出来吧。