How do you make tooltip show up for longer in IE

问题

i got the following

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

in firefox the tooltip stays there until the mouse is moved, but in IE it only stays there for about 5seconds and disappears.

is there a way to make it last longer?

回答1:

Not with built-in browser tooltips, no.

There are tons of tooltip-like UI components using positioned DOM elements that will give you much finer control of presentation and display duration. I've never used one so couldn't vouch for any of them, so I won't link to any. Googling "JavaScript tooltip" will get you plenty. There are also plenty of tooltip plug-ins for existing libraries like jQuery around.

回答2:

Not sure if you're inclined to using jQuery, but there are many tooltip plugins that will provide the functionality you're looking for, along with some extras.

回答3:

You might be able to change the answer on jquery dynamic tooltip to your needs

回答4:

As mentioned by others, you can't change the default way that browsers display tooltips. You are also very limited in your display capabilities. (e.g. Text only, no control of layout, wrapping, or styling, no images, ...) I used jQuery Tooltip on project and it worked out extremely well. It provides you a high degree of control over your tooltips, including display of arbitrary content. Highly recommended.

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

回答5:

A simple tooltip can be created with just CSS if you do not mind adding a little 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;
}

and the HTML will look like

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

来源：https://stackoverflow.com/questions/4441276/how-do-you-make-tooltip-show-up-for-longer-in-ie

标签

javascript

css

internet-explorer

cross-browser

tooltip