html 鼠标经过时显示,css 如何实现当鼠标滑过超链接出现提示框呢？

摘要:

下文讲述css技巧，当鼠标经过超链接时，出现相应的信息提示框的方法分享，如下所示:

实现思路：

使用:hover伪类实现当鼠标经过时，将文本框的display属性修改为block

猫猫教程(www.maomao365.com)

鼠标经过超链接时，出现相应的文本框

#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;

}

猫猫教程创建于2014年,致力于优秀的教程分享

猫猫小屋，欢迎您！

css 鼠标放入超链接上时显示相应的提示框