CSS鼠标经过时显示:

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>纯CSSTooltips（鼠标经过时显示）</title><styletype="text/css">/*Tooltips*/.tooltips{position:relative;/*这个是关键*/z-index:2;}.tooltips:hover{z-index:3;background:none;/*没有这个在IE中不可用*/}.tooltipsspan{display:none;}.tooltips:hoverspan{/*span标签仅在:hover状态时显示*/display:block;position:absolute;top:21px;left:9px;width:15em;border:1pxsolidblack;background-color:#ccFFFF;padding:3px;color:black;}</style></head><body><br/><br/><aclass="tooltips"href="#tooltips">这就是Tooltips<span>如你所见,这些附加的说明文字在鼠标经过的时候显示。</span></a></body></html>