javascript - 在图像悬停时显示小弹出窗口

Question

悬停图像时需要显示其他信息，作为 stackoverflow.com 上的头像。我会添加一张图片以使其更清晰，但缺乏声誉。如何实施？

谢谢。

Answer 1

尝试这个：

CSS：

#image:hover ~ #extra {
    display: block;
}
#extra {
    display: none;
}

和 HTML：

<img id="image" src="example_image.png" />
<div id="extra">Info for img.</div>