在图像悬停上显示小图标弹出

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>