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

因此，我正在设计一个图形化的网站，我希望当你将鼠标悬停在图像上时，这个框会显示更多关于你正在查看的图像的信息，如果你想了解更多信息，可以使用一个链接。我刚刚意识到，当你把鼠标移到这个新的div时，它会崩溃。我不明白为什么，也不知道如何让它停止

这里有一个

给你的包装上一堂这样的课

关键是css样式：

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

更新

这将有助于：

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

---

好吧，以防您想使用js/jquery。你可以这样做。 悬停时，获取图像信息并更改其显示属性

$("#b-image").hover(function(){
   $("#b-image-info").css("display", "block");
}, function(){
    //nothing
});

---

：hover仅在光标位于图像上时有效您需要使用jquery或javascript使其工作，因为您没有将光标悬停在图像上anymore@Sushil不，你不需要js。你需要连接：hover到包装@zgood-实际上，这个div中不仅仅有图像和隐藏div。还有一个表包含更多信息，它只是与我的问题无关，所以我没有包含它。好吧，这解决了我的问题，但我在这个div中还有更多内容，我只希望当您将鼠标悬停在图像上时，该框会显示出来。但是也许我可以把图像放进它自己的包装盒，然后按照你的建议。让我试试。@ShirleyDodson或您可以创建另一种类似的样式：。包装器：悬停另一个div，。包装器其他东西{display:none；}或者可能更干净：。包装器：悬停*{display:none；}。包装器：悬停b-image，.warpper:hover b-image-info{display:block；}