讓一個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