纯CSS实现的鼠标经过文本时提示的信息

<a class="tooltips" href="#tooltips">这就是Tooltips<span>正是你见到的，这些附加的说明文字是在鼠标经过的时候显示。</span></a>  
<style type="text/css">  
/*Tooltips*/ 
.tooltips{  
position:relative; /*这个是关键*/ 
z-index:2;  
}  
.tooltips:hover{  
z-index:3;  
background:none; /*没有这个在IE中不可用*/ 
}  
.tooltips span{  
display: none;  
}  
.tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/ 
display:block;  
position:absolute;  
top:21px;  
left:9px;  
width:15em;  
border:1px solid black;  
background-color:#ccFFFF;  
padding: 3px;  
color:black;  
}  
</style> 

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!