【发布时间】：2017-10-15 17:51:46
【问题描述】：
我有一张这样的图片：
<img class="alignnone size-full wp-image-262" src="http:/localhost/wp-content/uploads/2017/10/myimage.png" alt="" width="352" height="343" />
我想将文本放在一个框中，当鼠标悬停在图像上时会出现此框。怎么可能做到？
【问题讨论】：
标签： wordpress
【发布时间】：2017-10-15 17:51:46
【问题描述】：
你可以使用：
<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”属性，因为它用于搜索引擎索引以及图像本身因任何原因无法加载时。
【讨论】：
-
是否可以使用文本框，因为我有一个超过 500 个单词的文本，我想自定义它以进行填充，以免列表很长？
-
这里是一个相关问题的链接，该问题讨论了如何使用 jQuery 工具提示。它包含一些 CSS 规则，所以我相信它可以处理更长的文本，尽管我并不肯定，因为我自己还没有使用过。但我可能会出于好奇！