摘要:
下文讲述css技巧,当鼠标经过超链接时,出现相应的信息提示框的方法分享,如下所示:
实现思路:
使用:hover伪类实现当鼠标经过时,将文本框的display属性修改为block
猫猫教程()
鼠标经过超链接时,出现相应的文本框
#container{
margin:100px;
}
a.tooltip{
position:relative;
background-color:blue;
color:white;
}
a.tooltip span{
display:none;
}
a.tooltip:hover span {
display:block;
font-size:12px;
width:140px;
height:30px;
position:absolute;
top:-2em;
left:3em;
background-color:red;
color:white;
}
猫猫教程创建于,致力于优秀的教程分享
猫猫小屋,欢迎您!
css 鼠标放入超链接上时显示相应的提示框