让一个div出现在悬停在另一个DIV

Question

我想，这样一个小彩色框出现在当你将鼠标悬停在一个image.I已重新这里的场景，有它：http://jsfiddle.net/UaXUS/

在div正确显示出来当我删除visibility:hidden属性，但不是当我尝试使用悬停部分。有关如何解决这个问题的任何建议？我也曾尝试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