兼容火狐和谷歌浏览器的消息提示框

      这里是我之前在jsp对图片用onmouserover和onmouseout来显示提示框信息时，在火狐浏览器和谷歌浏览器都遇到消息div显示错位或者不显示的问题！

       这里很简单的就可以解决这几个浏览器对onmouseover和onmouseout不兼容的问题：

1.页面css

 

 
  
  1. /*鼠标移过提示信息关键代码开始*/ 
  2. a.info {position:relative; z-index:0; text-decoration:none } 
  3. a.info:hover {z-index:1; background-color:#ECFFFF } 
  4. a.info span {display: none } 
  5. a.info:hover span { display:block; line-height: 15px; padding:3px 3px 3px 3px; position:absolute; top:0px; left:10px; border: 1px dashed #0066FF; background-color:#ECFFFF; color:#0099FF; text-align: center } 
  6. /*鼠标移过提示信息关键代码结束*/ 
 
  
2.页面使用
 
  
 
 
  
 
  
  1. <a class="info" href="javascript:void(0);"><img src="" /> 
  2. <span style="width:150px;">这里写消息提示信息</span></a> 
  3.  
  4. <a class="info" href="javascript:void(0);"> 
  5. <b>这里是文本内容</b><span>这里写消息提示信息</span></a>