Question

点击菜单标题a后，底部标签会显示#sub_backbone或#sub_backbone_center #sub_backbone_end，具体取决于按钮的位置：这是代码：

/*After hover link show me the menu*/
div#menu ul li a:hover + #sub_backbone,
div#menu ul li a:hover + #sub_backbone_center,
div#menu ul li a:hover + #sub_backbone_end{
    opacity: 1;
}

但是我将鼠标放在标签#sub_backbone上...它消失了但不应该消失，会有一个额外的菜单。即，当我选择标题时，当我将鼠标移到它上面时，标签不应该消失。怎么能解决这种情况呢？

Answer 1

它消失了，因为你正在离开a链接，导致样式恢复到默认值（我假设#sub_backbone的默认样式和其他opacity: 0 ）。

逻辑很简单：为:hover和其他人添加额外的#sub_backbone样式：

#sub_backbone:hover {
    opacity: 1
}

请注意，只有在a和#sub_backbone元素之间没有距离时，这才有效。

编辑：这是一个带有示例的jsfiddle：click here。我已将opacity: 1替换为display: block

消失选项卡应该是可见的

1 个答案: