在鼠标悬停时放置弹出文本

Question

我有一个像这样的图像：

<img class="alignnone size-full wp-image-262" src="http:/localhost/wp-content/uploads/2017/10/myimage.png" alt="" width="352" height="343" />

我想将文字放在一个方框中，当鼠标悬停在图像上时会出现这种情况。怎么可能成功呢？

Answer 1

您可以使用：

<img ... title="TEXT HERE">

这是一个快速的JSFiddle演示版。

https://jsfiddle.net/23vbh1ov/

<img src="http://dev.benchanmusic.com/wp-content/uploads/2017/07/cropped-cropped-me_blackandwhite.jpg" alt="" width="352" height="343" title="TEXT HERE" />

您还应填写“alt”属性，因为它用于搜索引擎索引以及图像本身因任何原因无法加载。