css - 让一个 div 出现在悬停在另一个 div 上

Question

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

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

Answer 1

代替

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

和

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

或者

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

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

这里更新的jsfiddle