当前位置:错新网文章中心网站设计网页设计 → 纯CSS链接提示美化

纯CSS链接提示美化

减小字体 增大字体 作者:纯CSS链接提示美化  来源:www.cuoxin.com  发布时间:2014-8-22 21:46:15

<a class="tooltips" href="#tooltips" _fcksavedurl="#tooltips">这就是Tooltips<span>如你所见,GOGO</span></a>    

<style type="text/css">
/*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;
}
</style>



    测试通过, 修改: <a class="tooltips" href="#tooltips" _fcksavedurl="#tooltips">这就是Tooltips<span>如你所见,GOGO</span></a>。此处是你所需要的内容。



本文引用网址:

在下列搜索引擎中搜索“纯CSS链接提示美化”的相关信息:

谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1如何做爱真人示范图片 男女ML常...
  • 2怎么爱爱最爽?真人爱爱视频教...
  • 3如何做爱更舒服?教你做爱72式...
  • 4怎么做爱舒服?真人示范做爱姿...
  • 5王梦溪未经处理照曝光 王梦溪口...
  • 1女性18岁身份证号大全 成年女人...
  • 217岁女孩身份证号大全 18岁女孩...
  • 3网络红人如何赚钱?我要成为网...
  • 4dede:arclist 实现分页!-织梦...
  • 5首页flash幻灯片不显示解决方法...
  • 1舒淇艳照门事件 舒淇不雅照ed2...
  • 2合肥艳照门事件 合肥艳照门全套...
  • 3怎样爱爱最爽?性爱姿势真人图...
  • 4嫩白少妇与猛男户外疯狂车震遭...
  • 5王梦溪种子完整版 王梦溪1.08G...
  • 1如何做服务器安全维护?有哪些...
  • 2Windows Server 2003系统性能优...
  • 3Apache Prefork和Worker模式的...
  • 4名词解释:分布式拒绝服务攻击...
  • 5正确认识网站优化与SEO的误区
  • 赞助商广告

    图片文章导读