Question

我有以下不是链接。类ui-icon为我的跨度提供了16px的背景图像。

使用jQuery或其他方式，当用户将鼠标悬停在跨度内的图像上时，是否可以显示气泡文本？我真的不想使用工具栏提示，因为它可能有点过分。只是来自浏览器的正常气泡文本，如果它是链接则会出现。

<div>
    <input name="Password" type="password">
    <span style="position:relative; display: inline-block, top: 3px;" class="ui-icon"></span>
</div>

只是添加更多信息。我已经使用这样的jQuery将样式添加到span。

            container
            .addClass("ui-icon")
            .addClass("ui-icon-alert")
            .css("position","relative")
            .css("display","inline-block")
            .css("top","3px");

Answer 1

只需为span元素添加title。

<span title="Your tip" style="position:relative; display: inline-block, top: 3px;" class="ui-icon"></span>

如何在我的图像上显示悬停框？

1 个答案: