html - 图片 float 标签

Question

这里我有一个 weebly 网站，但我正在尝试制作自己的网站并将 weebly 网站的一些功能实现到我自己的网站上。

我想知道这个功能叫什么以及我将如何实现它:

正如您所看到的，当您将鼠标悬停在图像上时会出现一个小的 float 标签，我只是想知道是否有人可以告诉我它是什么以及我将如何在我的代码中实现它:

代码如下:

HTML

<div id="staff_images">
<center>
<img src="images/GR412.png" />
<img src="images/JoeVis.png" />
<img src="images/Scott.png" />
<img src="images/Halo.png" />
</center>
</div>

Answer 1

将 title="" 添加到您的图像中...使用 "" 中的名称。应该这样做。

像这样:

<img src="images/GR412.png" title="GR412" />
<img src="images/JoeVis.png" title="JoeVis" />
<img src="images/Scott.png" title="Scott" />
<img src="images/Halo.png" title="Halo" />

DEMO