如何让工具提示在 IE 中显示更长时间答案

【问题标题】：How do you make tooltip show up for longer in IE如何让工具提示在 IE 中显示更长时间
【发布时间】：2015-03-23 21:14:11
【问题描述】：

我得到了以下

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

在 Firefox 中，工具提示会一直停留在鼠标移动之前，但在 IE 中，它只会停留大约 5 秒然后消失。

有没有办法让它更持久？

【问题讨论】：

标签： javascript css internet-explorer cross-browser tooltip

【解决方案1】：

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

有大量类似工具提示的 UI 组件使用定位的 DOM 元素，可以让您更好地控制呈现和显示持续时间。我从来没有用过，所以不能保证其中任何一个，所以我不会链接到任何一个。谷歌搜索“JavaScript 工具提示”会给你很多。现有的库（如 jQuery）也有很多工具提示插件。

【讨论】：

【解决方案2】：

不确定您是否倾向于使用 jQuery，但有许多工具提示插件可以提供您正在寻找的功能以及一些附加功能。

【讨论】：

【解决方案3】：

您可以根据自己的需要更改jquery dynamic tooltip 上的答案

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

如果您不介意添加一点 HTML，可以只使用 CSS 创建一个简单的工具提示。

.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/>

【讨论】：

嗨，我喜欢这个解决方案。你能告诉我如何在我的代码中使用它吗？
@user51180 我不确定你的意思。当你有一个词或任何你想作为链接的东西时，你就会有一些内容。你把它放在一个跨度标签中。然后在其中放置另一个跨度标签，其中包含要显示的信息。