1.简单的纯CSS Tooltip
通过这些代码，你可以做出简单的Tooltip。这是CSS代码：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
a:hover {
background:#ffffff; /*要兼容IE6的话必须添加背景色*/
text-decoration:none;
}
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代码如下：