html - 当我将鼠标悬停在 Div 上时，它不会保持展开状态

Question

所以我正在设计这个图形繁多的网站，我希望当您将鼠标悬停在图像上时显示此框，它可以告诉您有关您正在查看的图像的更多信息，如果您需要更多信息，还可以提供一个链接。我刚刚意识到，当您将鼠标移到这个新的 div 上时，它会崩溃。我不明白为什么，或者如何让它停止。

这是一个 jsfiddle

Answer 1

给你包装<div>像这样的类 fiddle .

关键是这个css样式:

.wrapper:hover #b-image-info {
    display: block;
}

更新

这应该有帮助:

.wrapper:hover * { display:none;}
.warpper:hover #b-image, .warpper:hover #b-image-info { display: block; }