在鼠标悬停在主选项卡上时,应显示下拉内容

时间:2014-10-06 08:31:57

标签: javascript css

此处 - Demo当我将鼠标悬停在“软件”标签上时,它会向右显示内容,这很好。但是当我在右侧窗格上移动光标时,内容消失了。因此,当用户在右侧窗格上移动光标时,应显示内容并且“软件”选项卡应处于活动状态(即应具有白色背景),并且一旦用户将鼠标悬停在“产品和服务”选项卡上,这应该是默认状态。 这是参考链接 - http://www.onbase.com/(请在第二个标签上移动光标,即解决方案,我想要像此标签一样的导航)。enter code here

1 个答案:

答案 0 :(得分:1)

JS Fiddle

问题是子子菜单距离20px,所以你在空白区域上空盘旋转到子菜单,所以我用padding

更改了空白区域
#navME ul li .container .sub dl dd div.subWrapperLeft {
    left: 200px; /* changed from 220 to 200*/
    top:0; /* changed from top: 10 to 0*/
    position: absolute;
    width: 200px;
    padding:0 10px; /** added **/
}
相关问题