让一个 div 出现在另一个 div 上悬停 [重复]

Question

我正在尝试让它在您将鼠标悬停在图像上时出现一个小彩色框。我在这里重新创建了场景：http://jsfiddle.net/UaXUS/

当我删除visibility:hidden 属性时，div 正确显示，但当我尝试使用悬停部分时却没有。关于如何解决这个问题的任何建议？我也试过display:none 去display:inline 或display:block，但没有运气

Answer 1

替换

#content:hover + #hoverbar{
    visibility:visible;
}

与

#content:hover > #hoverbar{
    visibility:visible;
}

或

#content:hover #hoverbar{
    visibility:visible;
}

加号“+”代表兄弟姐妹。在您的情况下， div 是嵌套的。

Here the updated jsfiddle