您现在的位置： 潮州吧 >> 教程 >> CSS >> 正文

纯CSSTooltips

[ 来源：网站标准化 | 作者：网络收集 | 时间：2007-12-14 23:18:52| 收藏本文 | 点击：载入次数... ]
s"href="#tooltips"＞这就是Tooltips＜span＞如你所见，这些附加的说明文字在鼠标经过的时候显示。＜/span＞＜/a＞

以上方法适合大部分现行的浏览器,例如Firefox,IE.因为大多数现行的浏览器都支持将:hover选择器用到任何标签(参考whatever:hover).对于只能用到a标签的浏览器，我们所需要做的仅仅是:在类的前面加上"a"。具体如下:

/*Tooltips*/
a.tooltips{
position:relative;/*这个是要害*/
z-index:2;
}
a.tooltips:hover{
z-index:3;
background:none;/*没有这个在IE中不可用*/
}
a.tooltipsspan{
display:none;
}
a.tooltips:hoverspan{/*span标签仅在:hover状态时显示*/
display:block;
position:absolute;
top:9px;
left:9px;
width:15em;
border:1pxsolidblack;
background-color:#ccFFFF;
padding:3px;
color:black;
}

上一页  [1] [2] 


>>  相关教程：

    没有相关教程
网友评论：
发表您对纯CSSTooltips的评论
姓 名： *
性 别： 男 女
E-mail：
评 分： 1分 2分 3分 4分 5分
评论内容：
·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的教程，提倡就事论事，杜绝漫骂和人身攻击等不文明行为