一个简单的CSS提示效果(Easy CSS Tooltips)

If you need a really simple and basic Crossbrowser Tooltip on your website, this <1kb tooltip CSS script might be the one for you.

DEMO

演示： TooltipThis is the crazy little Easy Tooltip Text.If you need a really simple and basic Crossbrowser Tooltip on your website, this <1kb tooltip CSS script might be the one for you..

CSS:

a:hover {
background:#ffffff;
text-decoration:none;
} /*BG color is a must for IE6*/
a.tooltip span {
display:none;
padding:2px 3px;
margin-left:8px;
width:130px;
}
a.tooltip:hover span{
display:inline;
position:absolute;
background:#ffffff;
border:1px solid #cccccc;
color:#6c6c6c;
}

HTML:

<.a class="tooltip" href="#">Tooltip<.span>提示文字......<./.span><./.a>

Download: