javascript - Tool Tip problem in Internet Explorer -
css code
/*********************/ /* tooltip */ /*********************/ a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active { position: relative; text-decoration: none; cursor: pointer; font-style: italic; } a.tooltip:hover { font-weight: bold; background: transparent; visibility:visible; } a.tooltip span { display: none; text-decoration: none; } a.tooltip:hover span { display: block; position: absolute; top: 20px; left: 0; z-index: 2000; color: #000000; border:1px solid #000000; background: #efefef; font-family : verdana, arial,helvetica,sans-serif; font-size: 11px; text-align: left; } a.tooltip span b { display: block; margin: 0; padding: 2 2 2 2; font-family : verdana, arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; font-style: normal; color: #ffffff; background-color: #000000; border-bottom: 1px solid black; } .analyzerguistatistics .queriesperdaytable{ border-spacing: 0px; /* -> property not interpreted correctly ie 7; substitute cellspacing="0"; */ border-collapse: collapse; /* work in ie , moz */ width: 150px; }
jsp code
<a class="tooltip"><%=results.getrecordcount()%> <span> <b><bean:message bundle="analyzertexts" key="queries.perday"/></b> <table class="tooltip queriesperdaytable"> <%for (inta=0a<searchesatday.size();a++) { if(a%2==0) {bgcolor=brightbgcolor;} else {bgcolor=darkbgcolor;}%> <tr class="<%=bgcolor%>"> <td><%=displaydateformatmedium.format(logdays.get(a))%></td> <td class="config_el_align_right"><%=searchesatday.get(a)%></td> </tr> <%} %> </table> </span> </a>
the above tooltip works in firefox not in ie?
ie not support :hover
on anchor tags without href
attribute.
you need add attribute code make work in ie example:
<a class="tooltip" href="#">
Comments
Post a Comment