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>