我想在某些关键字的链接中添加工具提示,但我打破
http://jsfiddle.net/mwu902g4/1/示例
我想在top of anchor上显示工具提示。像搜索一样的文字
CSS
.bubble:hover
{
position: relative;
width: 200px;
height: 45px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #FFE34C solid 4px;
}
.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 16px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 84px;
}
.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 18px 19px 0;
border-color: #FFE34C transparent;
display: block;
width: 0;
z-index: 0;
bottom: -22px;
left: 81px;
}