成都网站建设设计

将想法与焦点和您一起共享

CSS鼠标经过时显示

CSS鼠标经过时显示:

创新互联服务项目包括衡南网站建设、衡南网站制作、衡南网页制作以及衡南网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,衡南网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到衡南省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!




	
	纯CSS Tooltips(鼠标经过时显示)
	
/*Tooltips*/
.tooltips{
position:relative; /*这个是关键*/
z-index:2;
}
.tooltips:hover{
z-index:3;
background:none; /*没有这个在IE中不可用*/
}
.tooltips span{
display: none;
}
.tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/
display:block;
position:absolute;
top:21px;
left:9px;
width:15em;
border:1px solid black;
background-color:#ccFFFF;
padding: 3px;
color:black;
}



	

这就是Tooltips如你所见,这些附加的说明文字在鼠标经过的时候显示。



分享题目:CSS鼠标经过时显示
文章出自:http://chengdu.cdxwcx.cn/article/iejpdd.html