使div显示在悬停在另一个div上 [英] Make a div appear on hover over another div

问题描述

我试图让它有一个小的彩色框出现时，你悬停在一个图像。我已经重新创建了这里的场景： http://jsfiddle.net/UaXUS/

I am trying to have it so that a little colored box comes up when you hover over an image.I have recreated the scenario here: http://jsfiddle.net/UaXUS/

当我删除 visibility：hidden时，div正常显示属性，但不是当我尝试使用悬停部分。任何建议如何解决这个？我也尝试过 display：none 转到 display：inline 或 code>，但没有运气

The div shows up properly when I remove the visibility:hidden attribute, but not when I try to use the hover part. Any suggestions as to how to fix this? I have also tried display:none going to display:inline or display:block, but no luck

推荐答案

替换

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

与

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

或

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

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

The plus sign '+' is for siblings. In your case the div is nested.

这里更新的jsfiddle

这篇关于使div显示在悬停在另一个div上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！