在图像悬停上显示小弹出窗口

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>