如何将图像显示为工具提示?

时间:2013-08-30 10:44:33

标签: html

我有一个包含GIF的HTML页面,如this jsFiddle中所示。

来源是:

<p class="Output">
    <img src="http://i.imgur.com/ywXKLgY.gif" alt="Untitled-4_1.gif" width="540" height="410" style="vertical-align:middle;" usemap="#map_1" />
    <map name="map_1">
        <area shape="rect" coords="30,132,98,111" title="About Me" href="http://www.wolfram.com" />
    </map>
</p>

如您所见,通过将鼠标悬停在紫色区域上,会出现一个工具提示,上面写着“关于我”,如下图所示。

但是,我希望该工具提示是图像而不是现在的文本。这可能吗?如果是这样,我怎么能实现呢?

1 个答案:

答案 0 :(得分:1)

如果您正在讨论将图像用于默认浏览器工具提示时,如果将鼠标悬停在具有title属性的元素上,则我认为没有办法执行此操作。