实现 ToolTips 的方法有很多,大多数用 JS,下面是用纯 CSS 制作的,定位上运用了 absolute 与 relative。
详细代码:
pText/p
pa class="tooltips" href="#" LinkspanToolTips/span/a/p
pText/p
style type="text/css"
.tooltips{
position:relative;
z-index:1;
text-decoration:none;
}
.tooltips:hover{
z-index:2;
background:none; /* 没有这个在 IE 中不可用 */
}
.tooltips span{
display:none; /* span 不可见 */
}
.tooltips:hover span{ /* span 标签仅在 :hover 状态时显示 */
display:block;
position:absolute;
top:20px;
left:20px;
width:100px; /*...[ 查看全文 ]