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是嵌套的。