Javascript Internet Explorer中的工具提示问题

css代码

  /*********************/
/*      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;   /* -> This property will not be interpreted correctly even up to IE 7; normally substitute for cellspacing="0"; */ 
    border-collapse: collapse;  /* this will work in ie and moz */ 
    width: 150px;
}

jsp代码

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

---

上面的工具提示在firefox中效果很好，但在IE中效果不好

IE不支持

：将
悬停在没有
href
属性的锚定标记上

您需要将该属性添加到代码中，以便在IE中实现此功能，例如：

<a class="tooltip" href="#">


IE不支持
：将
悬停在没有
href
属性的锚定标记上

您需要将该属性添加到代码中，以便在IE中实现此功能，例如：

<a class="tooltip" href="#">

向您提问如何接受答案


如果L.H.S有未选择的答案，请单击勾号以使答案被接受

1
表示1票赞成，
-1
表示1票反对
要向上投票，请按
朝上金字塔
，要向下投票，当然你需要有足够的声望点数。因此，开始接受你的问题的任何答案，人们会高兴地回答你的问题：）
希望这能回答您的问题
如何接受？我不知道。？
向您提问如何接受答案


如果L.H.S有未选择的答案，请单击勾号以使答案被接受

1
表示1票赞成，
-1
表示1票反对
要向上投票，请按
朝上金字塔
，要向下投票，当然你需要有足够的声望点数。因此，开始接受你的问题的任何答案，人们会高兴地回答你的问题：）
希望这能回答您的问题
如何接受？我不知道。？
如何接受？我不知道。在您的问题上，人们提交的答案旁边会有一个勾号，单击该勾号接受答案。对于初学者，请阅读，然后针对您提出的每个问题导航到该问题，如果给定的答案解决了您的问题，则单击“复选标记”提纲接受答案。中列出了您提出的所有问题。如果您查看Ocaso提供的链接，您的所有问题都将得到回答。有什么帮助吗？如何接受？我不知道。在您的问题上，人们提交的答案旁边会有一个勾号，单击该勾号接受答案。对于初学者，请阅读，然后针对您提出的每个问题导航到该问题，如果给定的答案解决了您的问题，则单击“复选标记”提纲接受答案。您提出的所有问题都列在中。如果您查看Ocaso提供的链接，您的所有问题都将得到回答。有什么帮助吗？这不是对实际问题的回答。。。然而，这是一个很好的解释如何接受答案。这应该在meta或faq上。每当有人问“如何接受答案”，我都会链接到这个答案：-）这不是实际问题的答案。。。然而，这是一个很好的解释如何接受答案。这应该在meta或faq上。每当有人问“如何接受答案”，我都会链接到这个答案：-）