css - 导航下拉图像 - 子导航

Question

在此站点上，当您将鼠标悬停在“服务”选项卡上时，您会看到一个蓝色下拉菜单以及一个黄色子导航下拉菜单。黄色的子导航下拉菜单不应显示，因为它需要隐藏，直到用户将鼠标悬停在其父“修复”上。

可能有人知道要在代码中添加什么来获得这种影响或构建了类似的东西吗？

Answer 1

你有</li>太多：

<li id="menuCellTop"><a href="index.cfm?page=menus&menu=full" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('repairs','','/images/repairs-active.gif',1)"><img src="images/repairs.gif" alt="repairs" name="repairs" /></a></li>

应该：

<li id="menuCellTop"><a href="index.cfm?page=menus&menu=full" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('repairs','','/images/repairs-active.gif',1)"><img src="images/repairs.gif" alt="repairs" name="repairs" /></a>

顺便说一句，你的 html 中有很多错误，你可能想要修复它以避免这样的事情。