鼠标悬停在html中

Question

请告诉我带有示例的html语法,这样当我创建一个超链接的图像时,我会在它旁边生成一条评论,这个链接会做什么？

Answer 1

对于系统标准工具提示,请使用title属性(适用于几乎所有元素;仅接受文本,某些浏览器在几百个字符后截断):

<a href="url" title="supplemental text">link contents</a>

要在悬停时显示任意内容:

a:not(:hover) .supplement { display: none; }
a .supplement { position: absolute; }
...
<a href="url">link contents <span class="supplement">supplemental text</span></a>

无论"链接内容"是文本还是图像,这都适用.