如何使工具提示显示在IE

长我得到了以下如何使工具提示显示在IE

<span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>">

在Firefox

工具提示停留在那里，直到鼠标移动，但在IE只在那里停留约5秒和消失。

有没有办法让它持续更久？

来源

2010-12-14 code511788465541441

没有内置浏览器工具提示，没有。

有大量类似工具提示的UI组件使用定位的DOM元素，可以更好地控制显示和显示持续时间。我从来没有使用过，因此不能担保任何人，所以我不会链接到任何。谷歌搜索“JavaScript工具提示”将让你充足。还有很多用于jQuery等现有库的工具提示插件。

来源

2010-12-14 16:14:45

不知道您是否倾向于使用jQuery，但有很多工具提示插件会提供您正在查找的功能以及一些额外功能。

来源

2010-12-14 16:16:18 esvendsen

你也许能够在jquery dynamic tooltip改变回答您的需求

来源

2010-12-14 16:24:05 Pit

正如其他人所提到的，你不能改变的浏览器中显示工具提示的默认方式。你的显示能力也非常有限。（例如仅文本，不控制布局，包装或样式，没有图像......）我在项目中使用了jQuery Tooltip，它效果非常好。它为您提供对工具提示的高度控制，包括显示任意内容。强烈推荐。

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

来源

2010-12-14 16:25:21

一个简单的提示可以只用CSS来创建，如果你不介意加入少许的HTML。

.tipLink{ 
    color:#ff3333; 
    cursor:pointer; 
    position:relative; 
} 
.tip{ 
    position:absolute; 
    display:none; 
    top:10px; 
    left:30px; 
    background-color:#dddddd; 
    border:1px solid black; 
    width:100px; 
    color:black; 
    -webkit-border-radius:5px 5px 5px 5px; 
    -moz-border-radius:5px 5px 5px 5px; 
    border-radius:5px 5px 5px 5px; 
    text-align:center; 
} 
.tipLink:hover .tip{ 
    display:block; 
}

和HTML看起来像

<div>Select as many as apply 
<span class='tipLink'>? 
<span class='tip'>Press Ctrl to choose more than one option.</span> 
</span> 
</div> 
<br/>

来源

2010-12-14 16:27:57 qw3n

您好，我喜欢这种解决方案。你能告诉我如何适应我的代码吗？ – code511788465541441 2010-12-14 16:53:15

@ user51180我不确定你的意思。你有一些内容，然后当你有一个词或任何你想作为链接。你把它放在span标签中。然后在里面放置另一个span标签和你想要显示的信息。 – qw3n 2010-12-15 18:35:24

此示例不适用于IE11或Chrome。 – Necreaux 2015-03-19 12:33:09

如何使工具提示显示在IE

回答

相关问题